【网页设计】期末复习（二）

pitytheriver

已于 2024-07-16 18:50:00 修改

阅读量328

点赞数 3

分类专栏：网页设计文章标签：算法笔记学习前端

于 2024-07-16 18:46:08 首次发布

本文链接：https://blog.csdn.net/qq_64077978/article/details/140473910

版权

网页设计专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1、

系统提供

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

修改

选择器{属性1:属性值1; 属性2:属性值2 属性3:属性值3}
选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3;}
选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3}

参考答案:

答案解析:

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

2、

系统提供

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

修改

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

参考答案:

答案解析:

标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如h3.special或p#one。

3、

系统提供

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

修改

只显示12像素
12像素红色
只显示红色
以上都不正确

参考答案:

答案解析:

本题考查的是CSS层叠性。所谓层叠性是指多种CSS样式的叠加。当使用内嵌式CSS样式表定义<p>标记字号大小为12像素，链入式定义<p>标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。

4、

系统提供

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

修改

<h1>
<p>
<head>
<body>

参考答案:

答案解析:

行内式也称为内联样式，是通过标记的style属性来设置元素的样式，<style>标记一般位于<head>标记中<title>标记之后。

5、

系统提供

下列选项中，属于并集选择器书写方式的是（）

修改

h1 p{}
h1_p{}
h1,p{}
h1-p{}

参考答案:

答案解析:

并集选择器是各个选择器通过逗号连接而成的。

6、

系统提供

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

修改

<style type="text/stylesheet"></style>
<style type="text/css"></style>
<css type="text/style"></css>
<css type="text/stylesheet"></css>

参考答案:

答案解析:

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

7、

系统提供

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

修改

.p .test{color:red;}
p#test{color:red;}
p.test{color:red;}
.p,test{color:red;}

参考答案:

答案解析:

标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如h3.special或p#one。因此，此处的写法正确的是：p.test{color:red;}。

8、

系统提供

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

修改

strong p{color:red;}
p strong{color:red;}
strong,p{color:red;}
p.strong{color:red;}

参考答案:

答案解析:

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

9、

系统提供

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

修改

.myDiv .mySpan
myDiv .mySpan
myDiv.mySpan
.myDiv #myDiv

参考答案:

答案解析:

两个或多个基础选择器，可以通过不同的方式进行组合。D选项其实写法没有错，但是id选择器是唯一的，所以不加前面的.myDiv。

10、

系统提供

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

修改

p strong{ font-weight:bold; }
p.strong{ font-weight:bold; }
p,strong{ font-weight:bold; }
p#div{ font-weight:bold; }

参考答案:

答案解析:

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

11、

系统提供

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

修改

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

参考答案:

答案解析:

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

12、

系统提供

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

修改

<标记名属性1:属性值1; 属性2:属性值2; ......> 内容 </标记名>
<标记名 style："属性1:属性值1; 属性2:属性值2; ......"> 内容 </标记名>
<标记名 style="属性1:属性值1, 属性2:属性值2,......"> 内容 </标记名>
<标记名 style="属性1:属性值1; 属性2:属性值2; ......"> 内容 </标记名>

参考答案:

答案解析:

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

13、

系统提供

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

修改

h1{font：12px;}
h1[font_size:12px;]
h1(font：size;)
h1{font-size：12px;}

参考答案:

答案解析:

使用CSS需要遵从一定的规范，要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则。CSS样式规则，具体格式如下：
选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

14、

系统提供

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

修改

选择器{k:v; k:v; k:v;}
选择器{k:v, k:v, k:v,}
选择器{k,v; k,v; k,v;}
选择器{k->v; k->v; k->v;}

参考答案:

答案解析:

内嵌式是将CSS代码集中写在HTML文档的<head>头部标记中，并且用<style>标记定义，其基本语法格式如下：
<head>
<style type="text/css">
选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
</style>
</head>

15、

系统提供

下列选项中，关于并集选择器的书写格式正确的是（）

修改

p,.one{}
p .one{}
p,.one,#two,div .box{}
p_.one{}

参考答案:

[ "A", "C" ]

答案解析:

并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器（包括标记选择器、class类选择器id选择器等），都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式。

16、

系统提供

在CSS中，使用链入式引入CSS样式表，要通过设置<link />标签的（）属性。

修改

type="text/css"
rel="stylesheet"
href=""
rel="sheetstyle"

参考答案:

[ "A", "B", "C" ]

答案解析:

链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过<link />标记将外部样式表文件链接到HTML文档中，其基本语法格式如下：
<head>
<link href="CSS文件的路径" type="text/css" rel="stylesheet" />
</head>

17、

系统提供

关于并集选择器的描述，下列说法正确的是（）

修改

并集选择器的各个选择器通过逗号连接
并集选择器用空格分隔
并集选择器把选中的元素设置成相同的样式
并集选择器不能和其他选择器一起使用

参考答案:

[ "A", "C" ]

答案解析:

18、

系统提供

关于后代选择器，下列说法正确的是（）

修改

后代选择器主要用于嵌套的标签。
后代选择器可以用于很多层的标签嵌套。
后代选择器多个标签之间是用空格隔开的。
后代选择器外层标记写在前面，内层标记写在后面。

参考答案:

[ "A", "B", "C", "D" ]

答案解析:

后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代。

19、

系统提供

下列选项中, 关于标签指定式选择器的写法正确的是（）

修改

p.current{color:red;}
div current{color:red;}
.current.p{color:red;}
div#current{color:red;}

参考答案:

[ "A", "D" ]

答案解析:

标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如h3.special或p#one。题中B选项写法错误，没有current标签；C选项两个标签位置写反。

20、

系统提供

在下面的选项中，符合CSS基础选择器的语法格式的是（）

修改

p{ font-size:12px;}
#myfont {font-weight:bold;}
.green{color:green; }
* { margin: 0; padding: 0; }

参考答案:

[ "A", "B", "C", "D" ]

答案解析:

CSS基础选择器有四种，分别是标记选择器、类选择器、id选择器、通配符选择器，上面的选项均符合CSS基础选择器的语法格式。

21、

系统提供

下面的选项中，CSS样式书写正确的是（）

修改

p { font-size:12px;color:red;}
p { font-size=12px;color=red}
p { font-size:12px;}
p { font-size:12;color:red;}

参考答案:

[ "A", "C" ]

答案解析:

CSS样式规则，具体格式如下：
选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
在上面的样式规则中，属性值之间用冒号隔开，因此B项是错误的。字体大小后面要跟单位，因此D项错误。

22、

系统提供

关于链入式CSS样式表，下面说法正确的是（）

修改

链入式CSS才是真正实现结构与样式分离的CSS书写方式
链入式CSS代码必须也在一对style标签内部
链入式CSS必须将所有CSS属性写在以.css为扩展名的外部样式表文件中
一个HTML页面只能链接一个CSS文件

参考答案:

[ "A", "C" ]

答案解析:

链入式CSS必须将所有CSS属性写在以.css为扩展名的外部样式表文件中；能够真正实现结构与样式代码的分离；一个HTML页面可以通过多个<link />标记链接多个CSS样式表。

23、

系统提供

下面的选项中，哪些CSS属性没有继承性（）

修改

字体属性
边框属性
边距属性
字号属性

参考答案:

[ "B", "C" ]

答案解析:

本题考查的是CSS的继承性。所谓继承性是指书写CSS样式表时，子标记会继承父标记的某些样式，如文本颜色、字号及字体；但边框及边距属性是不具有继承性的。

24、

系统提供

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

修改

参考答案:

对

答案解析:

id选择器使用“#”进行标识，后面紧跟id名，元素的id值是唯一的，只能对应于文档中某一个具体的元素。

25、

系统提供

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

修改

参考答案:

错

答案解析:

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

26、

系统提供

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

修改

参考答案:

对

答案解析:

链入式是使用频率最高，也最实用的CSS样式表，它将HTML代码与CSS代码分离为两个或多个文件，实现了结构和表现的完全分离，使得网页的前期制作和后期维护都十分方便。

27、

系统提供

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

修改

参考答案:

错

答案解析:

标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格。

28、

系统提供

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

修改

参考答案:

对

答案解析:

实际网页开发中不建议使用通配符选择器，因为它设置的样式对所有的HTML标记都生效，不管标记是否需要该样式，这样反而降低了代码的执行速度。

29、

系统提供

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

修改

参考答案:

错

答案解析:

链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用，同时一个HTML页面也可以通过多个<link />标记链接多个CSS样式表。

30、

系统提供

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

修改

参考答案:

对

答案解析:

导入式与链入式相同，都是针对外部样式表文件的。对HTML头部文档应用style标记，并在<style>标记内的开头处使用@import语句，即可导入外部样式表文件。

31、

系统提供

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

修改

参考答案:

对

答案解析:

32、

系统提供

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

修改

参考答案:

对

答案解析:

行内式是通过标记的属性来控制样式的，没有做到结构与表现的分离，所以一般很少使用。只有在样式规则较少且只在该元素上使用一次，或者需要临时修改某个样式规则时使用。

33、

系统提供

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

修改

参考答案:

对

答案解析:

链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用，同时一个HTML页面也可以通过多个<link />标记链接多个CSS样式表。

34、

系统提供

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

修改

参考答案:

对

答案解析:

内嵌式是将CSS代码集中写在HTML文档的<head>头部标记中，并且用<style>标记定义。

35、

系统提供

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

修改

参考答案:

对

答案解析:

链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用，同时一个HTML页面也可以通过多个<link />标记链接多个CSS样式表。

36、

系统提供

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

修改

参考答案:

对

答案解析:

在CSS样式中，多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略。但是，为了便于增加新样式最好保留。

37、

系统提供

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

修改

参考答案:

错

答案解析:

后代选择器不限于使用两个元素，如果需要加入更多的元素，只需在元素之间加上空格即可。

38、

系统提供

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

修改

参考答案:

错

答案解析:

并不是所有的CSS属性都可以继承，元素的宽高属性不具有继承性。

39、

系统提供

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

修改

参考答案:

对

答案解析:

40、

系统提供

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

修改

参考答案:

对

答案解析:

后代选择器用来选择元素或元素组的后代。

41、

系统提供

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

修改

参考答案:

对

答案解析:

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

42、

系统提供

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

修改

参考答案:

错

答案解析:

标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格。

43、

系统提供

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

修改

参考答案:

错

答案解析:

CSS基础选择器有4种：标记选择器、类选择器、id选择器、通配符选择器。

44、

系统提供

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

修改

参考答案:

对

答案解析:

并集选择器是各个选择器通过逗号连接而成的。

45、

系统提供

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

修改

参考答案:

错

答案解析:

导入式是针对外部样式表文件的，其style标记内可以存放其他的内嵌样式，@import语句需要位于其他内嵌样式的上面。

46、

系统提供

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

修改

参考答案:

对

答案解析:

导入式是针对外部样式表文件的，其style标记内可以存放其他的内嵌样式，@import语句需要位于其他内嵌样式的上面。

47、

系统提供

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

修改

参考答案:

对

答案解析:

在CSS定义的语法中，style是标记的属性，实际上任何HTML标记都拥有style属性。

48、

系统提供

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

修改

参考答案:

对

答案解析:

所谓继承性是指书写CSS样式表时，子标记会继承父标记的某些样式，如文本颜色和字号等。

49、

系统提供

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

修改

参考答案:

错

答案解析:

标签指定式选择器又称交集选择器，由两个选择器构成。

50、

系统提供

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

修改

参考答案:

对

答案解析:

内嵌式是将CSS代码集中写在HTML文档的<head>头部标记中，并且用<style>标记定义，<style>标记一般位于<head>标记中<title>标记之后，也可以把它放在HTML文档的任何地方。

51、

系统提供

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

修改

参考答案:

对

答案解析:

在编写CSS代码时，通常会加上CSS注释，来提高代码的可读性。

52、

系统提供

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

修改

参考答案:

错

答案解析:

当为body元素设置字号属性时，标题文本不会采用这个样式，是因为标题标记h1-h6有默认字号样式，这时默认字号覆盖了继承的字号。但是，标题标记继承了文本字号。

53、

系统提供

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

修改

参考答案:

对

答案解析:

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

54、

系统提供

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

修改

参考答案:

对

答案解析:

内嵌式CSS样式只对其所在的HTML页面有效，因此，仅设计一个页面时可以使用内嵌式。但如果是一个网站，不建议使用这种方式。

55、

系统提供

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

修改

参考答案:

对

答案解析:

并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器（包括标记选择器、class类选择器id选择器等），都可以作为并集选择器的一部分。

56、

系统提供

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

修改

参考答案:

对

答案解析:

并不是所有的CSS属性都可以继承，元素的内、外边距属性不具有继承性。

57、

系统提供

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

修改

参考答案:

对

答案解析:

在CSS中，选择器必须区分大小写，属性和值可以不区分大小写。但是，按照书写习惯一般将“选择器、属性和值”都采用小写的方式。

58、

系统提供

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

修改

参考答案:

错

答案解析:

行内式也称为内联样式，是通过标记的style属性来设置元素的样式，属性和值的书写规范与CSS样式规则相同。

59、

系统提供

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

修改

参考答案:

错

答案解析:

在CSS代码中空格是不被解析的，花括号以及分号前后的空格可有可无。但是，属性的值和单位之间是不允许出现空格的，否则浏览器解析时会出错。例如：h2{ font-size:20 px; },其中，20和单位px之间有空格,这样的代码是错误的。

60、

系统提供

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

修改

参考答案:

错

答案解析:

内嵌式CSS样式只对其所在的HTML页面有效，对网站中的其他页面无效。

61、

系统提供

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

修改

参考答案:

错

答案解析:

虽然导入式和链入式功能基本相同，但是大多数网站都是采用链入式引入外部样式表的。

62、

系统提供

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

修改

参考答案:

对

答案解析:

并不是所有的CSS属性都可以继承，元素的宽高属性不具有继承性。

63、

系统提供

在CSS样式规则中，如果属性的值由多个单词组成且中间包含空格，则必须为这个属性值加上【】。

修改

参考答案:

["英文状态下的引号"]

答案解析:

初学者在书写CSS样式时，如果属性的值由多个单词组成且中间包含空格，则必须为这个属性值加上英文状态下的引号。

64、

系统提供

CSS具有继承性和层叠型，所谓层叠性是指多种【】的叠加。

修改

参考答案:

["CSS样式"]

答案解析:

所谓层叠性是指多种CSS样式的叠加。

65、

系统提供

【】方法使当前线程放弃同步锁并进入等待，直到其它线程进入此同步锁，并调用notify()方法，或notifyAll()方法唤醒该线程为止。

修改

参考答案:

["wait()"]

答案解析:

wait方法使当前线程放弃同步锁并进入等待，直到其它线程进入此同步锁，并调用notify()方法，或notifyAll()方法唤醒该线程为止。

66、

系统提供

为页面上的p标签：<p id="para1" class="special”></p> 添加内嵌式CSS样式，可以使用的选择器有p、#para1以及【】。

修改

参考答案:

[".special"]

答案解析:

CSS依靠选择器来选择HTML标签，从而为选择上的标签添加样式。简单的CSS选择器有标签选择器、id选择器、类选择器。标签选择器只需要简单的书写标签名即可，比如“p”。id选择器通过井号“#”加id来选择元素，比如#para1。类选择器通过英语句点“.”来选择元素，如.special。

67、

系统提供

链入式是将所有的样式放在一个或多个以【】为扩展名的外部样式表文件中，通过【】标记将外部样式表文件链接到HTML文档中。

修改

参考答案:

[".css","link"]

答案解析:

CSS链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过<link />标记将外部样式表文件链接到HTML文档中，其基本语法格式如下：
<head>
<link href="CSS文件的路径" type="text/css" rel="stylesheet" />
</head>

68、

系统提供

id选择器使用【】进行标识，后面紧跟id名。

修改

参考答案:

["“#”"]

答案解析:

id选择器使用“#”进行标识，后面紧跟id名，元素的id值是唯一的，只能对应于文档中某一个具体的元素。

69、

系统提供

行内式也称为内联样式，是通过标记的【】属性来设置元素的样式。

修改

参考答案:

["style"]

答案解析:

行内式也称为内联样式，是通过标记的style属性来设置元素的样式。

70、

系统提供

使用HTML时，需要遵从一定的规范。CSS样式规则的具体格式是【】。

修改

参考答案:

["选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}"]

答案解析:

CSS样式规则的具体格式是：
选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
在上面的样式规则中，选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。其中，属性和属性值以“键值对”的形式出现。属性和属性值之间用英文“:”连接，多个“键值对”之间用英文“;”进行区分。

71、

系统提供

在CSS中，设置h2标记字号为16像素且显示红色字体的代码为【】。

修改

参考答案:

["h2{ font-size:16px; color:red;}"]

答案解析:

CSS样式规则的具体格式为：
选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
所以，答案是h2{font-size:16px; color:red;}

72、

系统提供

在CSS中，类选择器使用【】进行标识，后面紧跟类名。

修改

参考答案:

["“.”（英文点号）"]

答案解析:

类选择器使用“.”（英文点号）进行标识，后面紧跟类名。

73、

系统提供

链入式是通过<link>标签可以引入一个样式表，其基本语法格式如下：
<head>
<link href="CSS文件的路径" type="【】" rel="【】"/>
</head>

修改

参考答案:

["text/css","stylesheet"]

答案解析:

74、

系统提供

内嵌式是将CSS代码集中写在HTML文档的【】标记中，并且用【

修改

参考答案:

["</p> <p>"]

答案解析:

75、

系统提供

修改

参考答案:

答案解析:

76、

系统提供

运用所学的复合选择器相关知识，为页面中的标题和段落文本设置CSS样式，具体要求如下：
1、所有标题颜色为红色，字号为14px。
2、为段落文本1和3添加下划线效果。
1   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2   <html xmlns="http://www.w3.org/1999/xhtml">
3   <head>
4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5   <title>并集选择器</title>
6   <style type="text/css">
7   __________________________________ /*设置所有标题颜色为红色，14px字体*/
8   __________________________________ /*为段落文本1和3添加下划线效果*/
9   </style>
10   </head>
11   <body>
12   <h2>二级标题文本。</h2>
13   <h3>三级标题文本,加下划线。</h2>
14   <p class="special">段落文本1，加下划线。</p>
15   <p>段落文本2，普通文本。</p>
16   <p id="one">段落文本3，加下划线。</p>
17   </body>
18   </html>

修改

参考答案:

h2,h3,p{color:red; font-size:14px;}
h3,.special,#one{ text-decoration:underline;}

答案解析:

77、

系统提供

简述什么是CSS行内式？

修改

参考答案:

行内式也称为内联样式，是通过标记的style属性来设置元素的样式。该语法中style是标记的属性，实际上任何HTML标记都拥有style属性，用来设置行内式。其中属性和值的书写规范与CSS样式规则相同，行内式只对其所在的标记及嵌套在其中的子标记起作用。

答案解析:

行内式也称为内联样式，是通过标记的style属性来设置元素的样式。

78、

系统提供

如何将单独的CSS文件引入到HTML页面中？

修改

参考答案:

链入式可以将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过<link />标记将外部样式表文件链接到HTML文档中，其基本语法格式如下：
<head>
<link href="CSS文件的路径" type="text/css" rel="stylesheet" />
</head>
<link />标记需要放在<head>头部标记中，并且必须指定<link />标记的三个属性：

href：定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。
type：定义所链接文档的类型，在这里需要指定为“text/css”，表示链接的外部文件为CSS样式表。
rel：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。

答案解析:

考察链入式CSS的引入方法

79、

系统提供

请阅读下面的程序，根据注释中的要求填写代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
____________________/*要求只选定段落里面有red类的文字部分，修改为红色*/
</style>
</head>
<body>
   <p>这里面是文字内容</p>
   <p class=”red”>这里面是文字内容</p>
   <div class=”red”>里面是文字内容</div>
   <span class=”red”>这里面是文字内容</span>
</body>
</html>

修改

参考答案:

p.red{color:red}

答案解析:

首选是段落标签，因此这里用的是p，其次是选择red类，因此此时应该写p.red{color:red}。

80、

系统提供

简述你对内嵌式CSS样式表中关于“层叠性”的理解。

修改

参考答案:

关于内嵌式CSS样式表中“层叠性”，有两层意思：
（1）所谓层叠性是指多种CSS样式的叠加。一个HTML标签，可以通过id、class、标签选择器来获得不同的样式。即多个CSS可以同时作用于一个HTML标签上。
（2）当作用在HTML标签上的CSS有“冲突”的时候，这时就会出现优先级的问题。遵循的规则大致是：对于由多个基础选择器构成的复合选择器（并集选择器除外），其权重为这些基础选择器权重的叠加。权重相同时，CSS遵循就近原则。如果是通过继承关系影响的，继承样式的权重为0。

答案解析:

题主要考查对内嵌式CSS中的层叠性

81、

系统提供

CSS的层叠性指什么？请举例说明。

修改

参考答案:

所谓层叠性是指多种CSS样式的叠加。例如，当使用内嵌式CSS样式表定义<p>标记字号大小为12像素，链入式定义<p>标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加，这称为CSS的层叠性。

答案解析:

考察CSS的层叠性

82、

系统提供

阅读下面的代码，并按照要求填写代码。
<style type="text/css">
   _____________________; /*控制class为myli下的p标记; */
{
   font-size:14px;
   color:red;
   font-weight:bold;
text-align:center;
   }
</style>
HTML代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<p>我是一个段落</p>
<div class=”all”>
<ul>
<li>我是li</li>
<li>我是li</li>
<li class=”myli”><p>我是li里的p</p></li>
</ul>
</div>
</body>
</html>

修改

参考答案:

.all ul .myli p（或者.myli p）;

答案解析:

83、

系统提供

请阅读下面的程序，根据注释中的要求填写代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
___________________/*把所有的加粗字体设为红色*/
___________________/*只把带有red类的加粗的字体设为蓝色*/
</style>
</head>
<body>
   <p>这里面是<strong>文字内容</strong></p>
   <p class=”red”>这里面是<strong>文字内容</strong></p>
   <div id=”red”>里面是<strong>文字内容</strong></div>
   <span class=”red”>这里面是<strong>文字内容</strong></span>
</body>
</html>

修改

参考答案:

strong{color:red;};
.red strong{color:#0000ff}

答案解析:

第一个是利用标签选择器来选择所有的加粗标签。
第二个是把red类的后代strong选中因此写法是 .red strong{color:#0000ff}

84、

系统提供

请阅读下面的代码，并按照要求作答。
HTML中的代码如下：
   <div id="father" class="c1">
       <p id="son" class="c2">文字</p>
   </div>
使用内嵌式CSS样式，对应代码如下：
<style type="text/css">
   #father #son{
       color:blue;
   }
   #father p.c2{
       color:yellow;
   }
   div.c1 p.c2{
       color:red;
   }
   #fathe p{
       color:green;
   }
</style>
认真分析以上代码，写出页面中的“文字”是什么颜色？

修改

参考答案:

蓝色

答案解析:

本题考查内嵌式CSS样式及CSS选择器的权重。当很多选择器同时选中一个HTML标签的时候，又为它们施加了相同的属性，比如本题color属性，此时就产生了“冲突”。这时浏览器会根据选择器的优先级高低解析CSS样式。CSS为每一种基础选择器都分配了一个权重，其中，标记选择器具有权重1，类选择器具有权重10，id选择器具有权重100。分析如下：
#fanther #son的权重是200；
#father p.c2的权重是111；
div.c1 p.c2的权重是22；
#fathe p的权重是101；
所以，页面中的“文字”将应用最高优先级的样式，显示为蓝色。

pitytheriver

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
【网页设计】期末复习（二）

后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。
复制链接

扫一扫

专栏目录