CSS复习题目资料.docx

1、CSS复习题目资料一、选择题 1 CSS是（ ）的缩写。 A Colorful Style Sheets B Computer Style Sheets C Cascading Style Sheets D Creative Style Sheets 2 引用外部样式表的格式是（ B ）。 A mystyle.css C ） 。 3 引用外部样式表的元素应该放在 （ A HTML文档的开始的位置 文档的结束的位置HTMLB 在head元素中C 元素中 D在body 。） 4内部样式表的元素是（ A BC 5 元素中定义样式表的属性名是（ ）。 A style B class C styles

2、D font 6 下列 （ ）是定义样式表的正确格式。 A body:color=black(body B body:color=black C body color: black D body;color:black 7 下列 （ ）是定义样式表中的注释语句。 A /* 注释语句 */ B / 注释语句 C / 注释语句 / D 注释语句 如果要在不同的网页中应用相同的样式表定义，应 8 。 ） 该（ 的元素中定义样式表直接在HTMLA 标记中定义样式表HTML 在的B 通过一个外部样式表文件定义样式表C 以上都可以D ）。 #title color:red 表示（ 9 样式表定义 网页中的

3、标题是红色的A 的元素中的内容是红色的id为titleB 网页中某一个 的内容是红色的网页中元素名为titleC 以上任意一个都可以 D 表 .outer background-color:yellow 10 样式表定义 ）。 示（ 的元素的背景色是红色的id为outer A网页中某一个 元素的背景色是红色的” 网页中含有class=”outerB outer元素的背景色是红色的C 网页中元素名为 以上任意一个都可以D 11 下列（ ）表示p元素中的字体是粗体。 p text-size:bold AB p font-weight:bold C D 12 下列（ ）表示a元素中的内容没有下划线。

4、 A a text-decoration:no underline B a underline:none C a text-decoration:none D a decoration:no underline 13 下列（ A ）表示上边框线宽10px，下边框线宽5px，左边框线宽20px，右边框线宽1px，。 A border-width:10px 1px 5px 20px B border-width:10px 5px 20px 1px C border-width:5px 20px 10px 1px D border-width:10px 20px 5px 1px 14 下列（ ）表示

5、左边距。 A margin-left B margin C indent text-indent D 15 设置外边距（ ）是负数。 A 可以 B 不可以 16 下列（ A ）表示列表项符号是小方块。 A list-style-type: square B type: square C list-type: square D type: 2 17 “样式表定义中的display和visibility效果是一样的，都是用于网页指定对象的隐藏和显示”的说法是（ B ）。 A 正确的 B 不正确的 18 如果要将网页中的两个div对象制作为重叠效果，（ D ）。 A 是不可能的 利用表格标记 BC

6、利用样式表定义中的绝对位置与相对位置属性 D 利用样式表定义中的z-index属性 19.CSS是利用什么HTML标记构建网页布局？（ ） A. B. C. D. 20.在CSS语言中下列哪一项是左边框的语法？（ C ） A. border-left-width: B. border-top-width: C. border-left: D. border-top-width: 21.在CSS语言中下列哪一项的适用对象是所有对象？（ A ） A. 背景附件 B. 文本排列 C. 纵向排列 文本缩进D. 22.下列选项中不属于CSS 文本属性的是（ D ） Afont-size Btext-tr

7、ansform Ctext-align Dline-height 23.在CSS 中不属于添加在当前页面的形式是（ D ） A内联式样式表 B嵌入式样式表 C层叠式样式表 D链接式样式表 24.在CSS语言中下列哪一项是列表样式图象的语法？（ D ） A. width: B. height: C. white-space: D. list-style-image: 25.下列哪一项是css正确的语法构成？（ C ） A. body:color=black B. body;color:black C. body color: black; D. .body:color=black(body 26

8、.下面哪个CSS属性是用来更改背景颜色的？（ A ） A. background-color: B. bgcolor: C. color: D. text: 27.怎样给所有的标签添加背景颜色?（ B ） A. .h1 background-color:#FFFFFF B. h1 background-color:#FFFFFF; C. h1.all background-color:#FFFFFF D. #h1 background-color:#FFFFFF 28.下列哪个css属性可以更改样式表的字体颜色？（ D ） A. text-color= B. fgcolor: C. text-

9、color: D. color: 29.下列哪个css属性可以更改字体大小？（ B ） A. text-size B. font-size C. text-style D. font-style 30.下列哪段代码能够定义所有P标签内文字加粗？（ D ） A. B. C. p text-size:bold D. p font-weight:bold 31.如何去掉文本超级链接的下划线？ D （ ） A. a text-decoration:no underline B. a underline:none C. a decoration:no underline D. a text-decora

10、tion:none 32.如何设置英文首字母大写？（ B ） A. text-transform:uppercase B. text-transform:capitalize C. 样式表做不到D. text-decoration:none 33.下列哪个css属性能够更改文本字体？（ C ） A. f: B. font= C. font-family: D. text-decoration:none 34.下列哪个css属性能够设置文本加粗？（ A ） A. font-weight:bold B. style:bold C. font:b D. font= 35.下列哪个css属性能够设置盒

11、模型的内补丁为10.20.30.40（顺时针方向）？（ A ） A. padding:10px 20px 30px 40px B. padding:10px 1px C. padding:5px 20px 10px D. padding:10px 36下列哪个属性能够设置盒模型的左侧外补丁？（ C ） A. margin: B. indent: C. margin-left: D. text-indent: 37.定义盒模型外补丁的时候是否可以使用负值? （ A ） A. 是 B. 否 38.如何能够定义列表的项目符号为实心矩形？（ D ） A. list-type: square B. ty

12、pe: 2 C. type: square D. list-style-type: square 39.在CSS语言中下列哪些选项是背景图像的属性（ ABCD ） A背景重复 B背景附件 C纵向排列 D背景位置 40.CSS 中的选择器包括（ BCD ） 类选择器B 超文本标记选择器AC标签选择器 DID 选择器 二、简答题 1、什么是标记选择器并举例说明。 CSS标记选择器就是声明哪些标记采用哪种CSS样式。 例如：h1 color:red; font-size:25px; 2、什么是类别选择器并举例说明。 类别选择器的名字可以由用户自定义，用做html页面某标签的class属性值。 例如：

13、.red color:red; font-size:18px 3、什么是ID选择器并举例说明。 ID选择器是针对html页面中某个具有此ID属性的标签设置的CSS样式。 例如：#bold font-weight:bold; 4、举例说明什么是行内式CSS样式。 代CSS属性，然后将style的标记使用html行内式是直接对码直接写在其中。 例如：正文内容 5、举例说明什么是内嵌式CSS样式。 内嵌样式表就是将CSS写在 与之间，并且用和标记进行声明。 例如： p color:#0000ff 6、举例说明什么是链接式CSS样式。 链接式CSS样式表是通过使用html链接文件标签link将外部CS

14、S应用到本页面的样式使用方法。 例如： 7、举例说明什么是导入式CSS样式。 采用import方式导入的样式表，在html文件初始化时，会被导入到html文件内，作为文件的一部分，类似内嵌式的效果。 例如：import url(sheet.css); 8、什么是交集选择器，并举例说明。 交集选择器是由 两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。其中第1个必须是标记选择器，第2个必须是类别选择器或者ID选择器。 例如：p.special color:red 9、什么是并集选择器，并举例说明。 并集选择器或者称为“集体声明”，它的结果是同时选中各个基本选择器所选择的范围。 例如：

15、h1,h2,p color:purple; font-size:15px 10、什么是后代选择器，并举例说明。 后代选择器的写法就是把外层的选择器名字写在前面，内层的选择器名字写在后面，之间用空格分隔。例如：p span color:red 11、在CSS中一个独立的盒子模型有哪几部分组成？ content（内容）、border（边框）、padding（内边距）和margin（外边距） 12、举例说明什么是块级元素和行内元素？ 块级元素总是占据一个矩型区域，并且同级兄弟块依次竖直排列，左右撑满。例如： 行内元素不占有独立的区域，并且同级元素之间横向排列，到最右端自动这行。例如： 13、解释一下

16、div标签的作用 是一个区块容器标记，即与之间相当于一个容器，可以容纳段落、标题、表格、图片等各种html元素。 14、解释一下span标签的作用 标记和一样，作为容器可以容纳各种html元素，但它是一个行内元素，在它的前后不会换行。 15、解释盒子模型的float属性。 float属性默认为none，也就是标准流通常的情况。如果将float属性的值设置为left或right，元素会向其父元素的左侧或右侧靠近，同时默认情况下，盒子的宽度不再伸展，而是收缩，根据盒子里面的内容的宽度来确定。 16、解释盒子模型的display属性。 ，inline属性设为display属性用于确定盒子的类型。di

17、splay即为“行内”；设为block，即为“块级”；设为none，即为“无”，也就是隐藏盒子。 17、圆角框主要有哪几种制作方法？ 两背景图像法、四图像不固定宽度圆角框、五图像二维滑动门圆角框。 18、使用CSS主要有哪几种布局方式？ 两列布局、三列布局、多列布局。 19、CSS布局方法与表格布局方法相比，有哪些优势？ （1）页面载入更快；（2）降低网站流量费用；（3）易于修改； （4）视觉一致（5）更易于被搜索引擎找到。 20、使用CSS布局的网页应实现哪些要求？ （1）宽度使用多列布局，并保证页头和页脚正确显示； （2）可以指定列宽度固定，其余列宽度自适应； （3）在html中，个列可以

18、任意顺序排列，最终效果都正确显示。 三、案例分析题 1、解释以下CSS样式的含义。 table border: 1px #333 solid; font: 12px arial; width: 500px td,th padding: 5px; border: 1px solid #EEE; border-bottom-color: #666; #666; border-right-color: ，边框为实线；表将表格边框宽度设为1px，颜色设为#333；表格宽度为arial12px,字体类型为格中的字体大小设为 。500px，边框宽度2px，内边距为设置单元格和表头部分的样式：5px#666

19、 实线，颜色为#EEE，底部和右侧边框颜色特别设为 、解释以下2CSS样式的含义。form border:1px dotted #AAAAAA; padding:3px 6px 3px 6px; margin:0px; font:14px Arial; select width:80px; background-color:#ADD8E6; ，内，点划线，颜色为#AAAAAA设置表单边框宽度为1px，0px3px 6px 3px 6px，外边距为上、右、下、左边距分别为： 字体。大小的Arial字体为14px#ADD8E6 80px，背景颜色为设置选择框宽度为 样式的含义。CSS3、解释以下i

20、nput color:#00008B; input.btn background-color:#ADD8E6; padding:1px 2px 1px 2px; ；#00008B标签中字体颜色为input设置input标签中id属性为btn的按钮背景颜色设为#ADD8E6，内上、右、下、左边距分别设为1px、2px、1px、2px 4、解释以下CSS样式的含义。 .rounded background: url(images-notebook/left-top.gif) top left no-repeat; .rounded h2 background: url(images-noteboo

21、k/right-top.gif) top right no-repeat; padding:20px 20px 10px; margin:0; 定义类选择器.rounded：背景图像为left-top.gif，从左上角开始，不平铺 定义后代选择器.rounded h2：背景图像为right-top.gif，从右上角开始，不平铺；内上、左右、下边距分别是20px 20px 10px，外边距为0 5、画出一个1-（1-2）+1）-1的布局结构示意图。 6、画出一个1-（1+（3-1-2）-1的布局结构示意图。 样式的含义。、解释以下CSS7#header,#pagefooter,#containe

22、r margin:0 auto; width:85%; #content position:absolute; width: 300px; 层上的containerdiv、属性为设置idheaderpagefooter，宽度为相对于父元素宽auto，左右外边框为0下外边框为度的85% 设置id属性为content的div层为绝对定位，宽度为固定宽度300px 8、解释以下CSS样式的含义。 A:link COLOR: #3333cc; TEXT-DECORATION: none A:visited COLOR: TEXT-DECORATION: #990099; none TEXT-DECOR

23、ATION: COLOR: #ff0000; A:active underline TEXT-DECORATION: A:hover #3333cc; COLOR: underline 设置超链接样式： 未操作时：颜色为#3333cc，无下划线； ，无下划线；单击过后：颜色为#990099 # ff0000，有下划线；单击时：颜色为 悬停时：颜色为# 3333cc，有下划线； 9、写出下列要求的CSS样式表 （1）设置页面背景图像为login_back.gif，并且背景图像垂直平铺。 （2）使用类选择器，设置按钮的样式，按钮背景图像：login_submit.gif；字体颜色：#FFFFFFF

24、；字体大小：14px；字体粗细：bold；按钮的边界、边框和填充均为0px。 body background-image:url(img/login_back.gif); background-repeat:repeat-y; .picButton background-image:url(img/login_submit.gif); color:#FFFFFF; font-size: 14px; font-weight:bold; margin: 0px; border:0px; padding: 0px; 10、写出下列要求的CSS样式表 （1）使用标签样式，设置字体颜色：#2A1FFF；字体大 。5px。内容与边框之间的距离：14px小：（2）使用超链接伪类：不带下划线；颜色：#333333；鼠标悬停在超链接上方时，显示下划线；颜色：#FF5500。 td color: #2A1FFF; font-size: 14px; padding:5px; A color:#333333; text-decoration:none; A:hover color:#FF5500; text-decoration:underline;