一. 单选题（共21题，100分）

1. (单选题)关于CSS样式规则的具体格式，下列选项正确的是（）

A. 选择器{属性1:属性值1; 属性2:属性值2 属性3:属性值3}
B. 选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3;}
C. 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
D. 选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3}

正确答案: C:选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

答案解析：CSS样式规则，具体格式如下： 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

2. (单选题)在书写样式时，下列代码书写正确的是（）

A. h1{font：12px;}
B. h1[font_size:12px;]
C. h1(font：size=12px;)
D. h1{font-size:12px;}

正确答案: D:h1{font-size:12px;}

答案解析：CSS样式规则，具体格式如下： 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

3. (单选题)关于行内式引入CSS样式表的代码，下列书写正确的是

A. <p style=font-size:12px; color:red;>段落文本</p>
B. <p style="font-size:12px, color:red;">段落文本</p>
C. <p style="font-size:12px; color:red;">段落文本</p>
D. <p style="font:12px; color:red;">段落文本</p>

正确答案: C:<p style="font-size:12px; color:red;">段落文本</p>;

答案解析：行内式也称为内联样式，是通过标签的style属性来设置元素的样式，其基本语法格式如下： <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>

4. (单选题)关于内嵌式引入CSS样式表的代码，下列书写正确的是（）

A. <style type="text/stylesheet”></style>
B. <style type="text/css”></style>
C. <css type="text/style”></css>
D. <css type="text/stylesheet”></css>

正确答案: B:<style type="text/css”></style>;

答案解析：内嵌式是将CSS代码集中写在HTML文档的<head>头部标签中，并且用<style>标签定义。必须设置type的属性值为“text/css”，这样浏览器才知道<style>标签包含的是CSS代码。

5. (单选题)下列选项中，类选择器的基本语法格式书写正确的是（）

A. .类名{属性值1;属性值2;属性值3; }
B. .类名{属性1:属性值1，属性2:属性值2，属性3:属性值3}
C. .类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
D. .类名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; }

正确答案: C:.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;};

答案解析：类选择器使用“.”（英文点号）进行标识，后面紧跟类名，其基本语法格式如下： .类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

6. (单选题)下列选项中，id选择器的基本语法格式书写正确的是（）

A. #id名{属性值1;属性值2;属性值3; }
B. #id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
C. #id名{属性1:属性值1，属性2:属性值2，属性3:属性值3}
D. #id名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; }

正确答案: B:#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;};

答案解析：id选择器使用“#”进行标识，后面紧跟id名，其基本语法格式如下： #id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

7. (单选题)下列选项中，并集选择器书写方式正确的是（）

A. h1 p{}
B. h1_p{}
C. h1,p{}
D. h1-p{}

正确答案: C:h1,p{};

答案解析：并集选择器是各个选择器通过逗号连接而成的。

8. (单选题)当<p>标签内嵌套<strong>标签时，就可以使用后代选择器对其中的<strong>标签进行控制，下列写法正确是（）

A. strong p{color:red;}
B. p strong{color:red;}
C. strong,p{color:red;}
D. p.strong{color:red;}

正确答案: B:p strong{color:red;};

答案解析：后代选择器用来选择元素或元素组的后代，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。根据后代选择器的相关写法，因为是<p>标签嵌套了<strong>标签，因此正确的写法是B。

9. (单选题)下列选项中，符合后代选择器书写要求的是（）

A. p strong{ font-weight:bold; }
B. p.strong{ font-weight:bold; }
C. p,strong{ font-weight:bold; }
D. p#div{ font-weight:bold; }

正确答案: A:p strong{ font-weight:bold;};

答案解析：后代选择器用来选择元素或元素组的后代，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。B选项和D选项是标签指定选择器，C是并集选择器。

10. (单选题)letter-spacing属性的属性值可为不同单位的数值。例如，像素单位px、倍率单位em。定义字间距时，允许使用负数，表示缩小字间距，字间距默认属性值为normal。

A. letter-spacing
B. word-spacing
C. line-height
D. text-transform

正确答案: A:letter-spacing;

答案解析：letter-spacing属性用于定义字间距，所谓字间距就是字符与字符之间的空白距离。

11. (单选题)在CSS中，用于设置首行文本缩进的属性是（）

A. text-decoration
B. text-align
C. text-transform
D. text-indent

正确答案: D:text-indent;

答案解析：text-decoration属性用于设置文本的下画线，上画线，删除线等装饰效果；text-align属性用于设置文本内容的水平对齐；text-transform属性用于控制英文字符的大小写；text-indent属性用于设置首行文本的缩进。

12. (单选题)下列选项中，可以为页面中的文本添加阴影效果的属性是（）

A. text-decoration
B. text-align
C. text-shadow
D. text-indent

正确答案: C:text-shadow;

答案解析：text-shadow是CSS3新增属性，使用该属性可以为页面中的文本添加阴影效果。

13. (单选题)下列选项中，用于处理溢出文本的属性是（）

A. text-overflow
B. text-align
C. text-shadow
D. text-indent

正确答案: A:text-overflow;

答案解析：text-overflow属性同样为CSS3的新增属性，该属性用于处理溢出的文本。

14. (单选题)下列选项中，用于实现URL地址自动换行的属性是（）

A. text-overflow
B. word-wrap
C. text-shadow
D. text-indent

正确答案: B:word-wrap;

答案解析：word-wrap属性是CSS3的新增属性，该属性用于实现长单词和URL地址的自动换行。

15. (单选题)下列代码中，能够将列表项目符号设置为大写英文字母的是（）

A. ul{ list-style-type: lower-alpha;}
B. ol{ list-style-type: lower-alpha;}
C. ul{ list-style-type: upper-alpha;}
D. ol{ list-style-type: upper-alpha;}

正确答案: D:ol{ list-style-type: upper-alpha;};

16. (单选题)关于list-style-image属性，下列说法正确的是（）

A. 可以为各个列表项设置列表项目图像
B. 用于控制列表项显示符号的类型
C. 只可以为无序列表的列表项设置项目图像
D. 只可以为有序列表的列表项设置项目图像

正确答案: A:可以为各个列表项设置列表项目图像;

答案解析：list-style-image属性可以为各个列表项设置项目图像。在CSS中，list-style-type属性用于控制列表项显示符号的类型。

17. (单选题)下列标签属性中，可以为各个列表项设置图像符号的属性是（）

A. list-style-image
B. list-style
C. list-style-position
D. list-style-type

正确答案: A:list-style-image;

答案解析：使用list-style-image属性可以为各个列表项设置图像符号，使列表的样式更加美观。

18. (单选题)下列选项中，可以设置列表项目符号位于列表文本以内的是（）

A. list-style-position:inside;
B. list-style-position:outside;
C. list-style-position:none;
D. list-style-position:0;

正确答案: A:list-style-position:inside;;

答案解析：inside：列表项目符号位于列表文本以内。 outside：列表项目符号位于列表文本以外（默认值）。

19. (单选题)使用list-style复合属性定义列表项目符号为“■”且位于列表文本以内的列表，下列代码书写正确的是（）

A. list-style:circle inside;
B. list-style:square inside;
C. list-style:circle outside;
D. list-style:square outside;

正确答案: B:list-style:square inside;;

答案解析：属性值为square时，显示“■”，inside表示列表项目符号位于列表文本以内。

20. (单选题)关于使用list-style复合属性综合设置列表样式的语法格式，下列书写正确的是（）

A. list-style:列表项目符号列表项目符号的位置列表项目图像;
B. list-style:列表项目符号.列表项目符号的位置.列表项目图像;
C. list-style:列表项目符号，列表项目符号的位置，列表项目图像;
D. list-style:列表项目符号/列表项目符号的位置/列表项目图像;

正确答案: A:list-style:列表项目符号列表项目符号的位置列表项目图像;;

答案解析：使用list-style复合属性综合设置列表样式的语法格式如下：list-style:列表项目符号列表项目符号的位置列表项目图像;

21. (单选题)代码为<div id="box" class="red">文字</div>，为其设置CSS样式如下：#box{color:blue;} .red{color:red;} 那么，文字的颜色将显示为（）

A. 红色
B. 蓝色
C. 黑色
D. 白色

正确答案: B:蓝色;

答案解析：使用不同的选择器对同一个元素设置文本颜色时，浏览器会根据选择器的优先级规则解析CSS样式。题目中的id选择器#box和类选择器.red都同时作用在了div标签上，由于id选择器的权重大于class选择器的权重，所以文字的颜色将以#box设置的为准，显示为蓝色。