css题库（含答案）

　　　　tip:&lt;为<

单选题

1．页面上的div标签，其HTML结构如下：

&lt;div id="father">

&lt;p class="son" id="son">传智播客&lt;/p>

&lt;/div>

对应的CSS样式代码如下：

#father #son{

color:red;

}

#father p{

color:blue;

}

div .son{

color:yellow;

}

div p{

color:green;

}

那么，文字的颜色将显示为（  A   ）

A、红色

B、蓝色

C、黄色

D、绿色

2．text-transform属性用于控制英文字符的大小写。下列选项中，不属于其属性值的是（ B   ）

A、capitalize

B、line-through

C、lowercase

D、uppercase

3．下列选项中，属于并集选择器书写方式的是(h1.p{})

A、h1 p{}

B、h1_p{}

C、h1,p{}

D、h1-p{}

4．下列选项中，符合标签指定式选择器的写法要求的是（  A  ）

A、由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格。

B、由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间必须有空格。

C、由两个选择器构成，其中第一个为标记选择器，第二个必须为class选择器，两个选择器之间不能有空格。

D、由两个选择器构成，其中第一个为标记选择器，第二个为id选择器，两个选择器之间必须有空格。

5．页面上的div标签，其HTML代码为&lt;div id="box" style="color:red">文字&lt;/div>，为其设置CSS样式如下：

#box{

color:blue;

}

那么，文字的颜色将显示为 (  B?   )

A、红色

B、蓝色

C、黑色

D、以上选项都不正确

6．使用CSS时，需要遵从一定的规范。下面选项中，CSS样式书写正确的是（ B   ）

A、h1{font：12px;}

B、h1[font_size:12px;]

C、h1(font：size;)

D、h1{font-size：12px;}

7．在CSS中，提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是（ B   ）

A、{font-family: 黑体;}

B、{font-family: "黑体";}

C、{fontFamily: "黑体";}

D、{font-Family: "黑体";}

8．关于行内式引入CSS样式表，以下书写正确的是（  C   ）

A、&lt;p style=font-size:12px; color:red;>段落文本&lt;/p>

B、&lt;p style="font-size:12px, color:red;">段落文本&lt;/p>

C、&lt;p style="font-size:12px; color:red;">段落文本&lt;/p>

D、&lt;p style="font:12px; color:red;">段落文本&lt;/p>

9．关于内嵌式引入CSS样式表，以下书写正确的是（  B?   ）

A、&lt;style type="text/stylesheet">&lt;/style>

B、&lt;style type="text/css">&lt;/style>

C、&lt;css type="text/style">&lt;/css>

D、&lt;css type="text/stylesheet">&lt;/css>

10．当&lt;p>标记内嵌套&lt;strong>标记时，就可以使用后代选择器对其中的&lt;strong>标记进行控制。下列写法正确是（ B    ）

A、strong p{color:red;}

B、p strong{color:red;}

C、strong,p{color:red;}

D、p.strong{color:red;}

11．关于内嵌式CSS样式的语法格式中，下列选项正确的是（  A ）

A、选择器{k:v; k:v; k:v;}

B、选择器{k:v, k:v, k:v,}

C、选择器{k,v; k,v; k,v;}

D、选择器{k->v; k->v; k->v;}

12．下面的选项中, CSS样式规则的具体格式正确的是（C?    ）

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}

13．在CSS中，两个或多个基础选择器可以通过不同的方式进行组合。下列写法错误的是（  D  ）

A、.myDiv .mySpan

B、myDiv .mySpan

C、myDiv.mySpan

D、.myDiv #myDiv

14．在行内式CSS样式中，&lt;style>标记可以设置元素的样式，它一般位于（ C ）标记中&lt;title>标记之后。

A、&lt;h1>

B、&lt;p>

C、&lt;head>

D、&lt;body>

15．如果使用内嵌式CSS样式表定义&lt;p>标记字号为12像素，链入式定义&lt;p>标记颜色为红色，那么段落文本将显示为（ B   ）

A、只显示12像素

B、12像素红色

C、只显示红色

D、以上都不正确

16．下列选项中，符合后代选择器书写要求的是（  A   ）

A、p strong{ font-weight:bold; }

B、p.strong{ font-weight:bold; }

C、p,strong{ font-weight:bold; }

D、p#div{ font-weight:bold; }

17．为了更方便的控制网页中各种各样的字体，CSS提供了字体样式属性。下面选项中，设置字号大小书写正确的是（  A  ）

A、{ font-size: 24px; }

B、{ font: 24px; }

C、{ fontSize: 24px; }

D、{ size: 24px; }

18．下面的选项中, 行内式CSS样式的基本语法格式正确的是（ D   ）

A、&lt;标记名 属性1:属性值1; 属性2:属性值2; ......> 内容 &lt;/标记名>

B、&lt;标记名 style："属性1:属性值1; 属性2:属性值2; ......"> 内容 &lt;/标记名>

C、&lt;标记名 style="属性1:属性值1, 属性2:属性值2,......"> 内容 &lt;/标记名>

D、&lt;标记名 style="属性1:属性值1; 属性2:属性值2; ......"> 内容 &lt;/标记名>

19．使用标签指定式选择器，让段落应用class名为test的类，下列写法正确的是(A   )

A、.p .test{color:red;}

B、p#test{color:red;}

C、p.test{color:red;}

D、.p,test{color:red;}

20．页面上的div标签，其HTML代码为&lt;div id="box" class="red">文字&lt;/div>，为其设置CSS样式如下：

#box{

color:blue;

}

.red{

color:red;

}

那么，文字的颜色将显示为 (  B?   )

A、红色

B、蓝色

C、黑色

D、白色

21．在CSS中，用于设置首行文本缩进的属性是（ D   ）

A、text-decoration

B、text-align

C、text-transform

D、text-indent

 

判断题

1．导入式与链入式相同，都是针对外部样式表文件的。对HTML头部文档应用style标记，并在&lt;style>标记内的开头处使用@important语句，即可导入外部样式表文件。（   ）( )

2．text-align属性用于设置文本内容的水平对齐，可适用于所有元素。(  X )

( )

3．CSS样式中的选择器严格区分大小写，属性和值可以不区分大小写。(  V )( )

4．后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。( V  )( )

5．在CSS中，行高属性line-height是用来设置文本高度的。（ X  ）( )

6．在链入式CSS样式中，一个HTML页面只能引入一个样式表。（ V  ）( )

7．虽然导入式和链入式功能基本相同，但是大多数网站都是采用导入式引入外部样式表。（  V ）( )

8．word-spacing属性用于定义英文单词之间的间距，对中文字符无效。（  V ）( )

9．id选择器使用“#”进行标识，后面紧跟id名。(  V )( )

10．导入式是对HTML头部文档应用style标记，并在&lt;style>标记内的开头处使用@important语句，即可导入外部样式表文件。（   ）( )

11．内嵌式CSS样式只对其所在的HTML页面有效，因此，仅设计一个页面时可以使用内嵌式。（   ）(V )

12．在嵌套结构中，不管父元素样式的权重多大，被子元素继承时，它的权重都为0，也就是说子元素定义的样式会覆盖继承来的样式。（ V  ）( )

13．导入式CSS样式，其style标记内可以存放其他的内嵌样式，@import语句需要位于其他内嵌样式的上面。（ V  ）( )

14．CSS基础选择器仅有三种，分别是标记选择器、类选择器、id选择器。(X   )( )

15．在CSS代码中，空格是不被解析的。因此，属性的值和单位之间允许出现空格。（X?）( )

16．在CSS中，各个选择器通过逗号连接就形成了并集选择器。( V  )( )

17．在CSS中，元素的宽高属性具有继承性。( X  )

18．CSS具有继承性和层叠性，所谓继承性是指书写CSS样式表时，子标记会继承父标记的某些样式。（ V  ）( )

19．如果需要在后代选择器中加入更多的元素，只需在元素之间加上逗号即可。( X  )( )

20．body元素设置字号属性时，标题文本不会采用这个样式，说明标题标记没有继承文本字号，不具有继承性。( X  )( )

21．并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器都可以作为并集选择器的一部分。(  V )( )

22．如果行内样式表中规定<div id="box" style="color:red;">&lt;/div>，内嵌样式表规定#box{color:green !important; }。因为行内样式表的CSS优先级小于!important的优先级，所以#box文字颜色为绿色。（ V  ）

23．在CSS中，元素的边框属性不具有继承性。( V?  )

24．书写CSS样式时，多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略。（  V ）

25．导入式与链入式相同，都是针对外部样式表文件的。（V   ）

26．在编写CSS代码时，为了提高代码的可读性，通常需要加CSS注释语句。（V   ）

27．内嵌式CSS样式对网站中的所有HTML页面都有效。（ X  ）

28．行内式CSS样式是通过标记的属性来控制样式的，没有做到结构与表现的分离，所以一般很少使用。(  V  )

29．font-variant属性用于设置变体（字体变化），一般用于定义小型大写字母，仅对英文字符有效。( V  )

30．内嵌式是将CSS代码集中写在HTML文档的&lt;head>头部标记中，并且用&lt;style>标记定义。（V   ）

31．内嵌式CSS样式用&lt;style>标记定义，&lt;style>标记一般位于&lt;head>标记中&lt;title>标记之后，也可以把它放在HTML文档的任何地方。  （ V  ）

32．标签指定式选择器又称交集选择器，由两个选择器构成，它们之间用空格隔开。( X  )

33．在CSS中，任何的HTML标记都拥有style属性。( V   )

34．如果外链样式表中规定#box{color:red;}，内嵌样式表规定#box{color:green; }。因为外链样式表的CSS优先级小于内嵌样式表，所以#box文字颜色为绿色。（ V  ）

35．导入式CSS样式，其style标记内可以存放其他的内嵌样式，@import语句可以放在HTML文档的任何地方。（  V ）

36．链入式是使用频率最高，也最实用的CSS样式表，它将HTML代码与CSS代码分离为两个或多个文件，实现了结构和表现的完全分离。（V   ）

37．链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用。（  V ）

38．font-family属性设置字体时, 中文字体需要加英文状态下的引号，英文字体一般不需要加引号。（V   ）

39．在CSS中，元素的内、外边距属性都不具有继承性。( V  )

40．标签指定式选择器又称并集选择器，是各个选择器通过逗号连接而成的。( X  )

41．通配符选择器设置的样式对所有的HTML标记都生效，不管标记是否需要该样式，这样反而降低了代码的执行速度。( V  )

42．在行内式CSS样式中，属性和值的书写规范与CSS样式规则不相同。（ X  ）

43．在CSS中，常用的复合选择器有三种，其中后代选择器用来选择元素或元素组的后代。(  V )

44．标签指定式选择器又称并集选择器，由两个选择器构成。 (X   )

45．在链入式CSS样式中，一个HTML页面可以引入多个样式表。（ V  ）

46．使用并集选择器定义样式与对各个基础选择器单独定义样式效果完全不相同。( X )

47．链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过&lt;link />标记将外部样式表文件链接到HTML文档中。（ V  ）