HTML5+CSS3网页设计智慧树知到答案章节测试2023年厦门兴才职业技术学

绪论单元测试

1. 关于静态网页的描述，下列说法正确的是（ ）。

A:静态网页都会显示固定的信息。

B:静态网页访问速度快。

C:静态网页访问速度慢。

D:静态网页不会显示固定的信息。

答案:B

2. 下列选项中的术语名词，不属于网页术语的是（ ）。

A:iOS

B:HTTP

C:DNS

D:WEB

答案:A

3. 关于Web标准的描述，下列说法正确的是（ ）。

A:Web标准只要包括HTML标准。

B:Web标准并不是某一个标准，而是一系列标准的集合。

C:Web标准主要包括结构标准、表现标准和行为标准三个方面。

D:Web标准是由浏览器的各大厂商联合制定的。

答案:C

4. 关于HTML的描述，下列说法正确的是（ ）

A:HTML是更严谨纯净的XHTML版本。

B:初期的HTML在语法上很宽松。

C:HTML提供了许多标签，用于对网页内容进行描述。

D:目前最新的HTML版本是HTML5。

答案:C

5. 关于CSS的描述，下列说法正确的是（ ）。

A:CSS用于设置HTML页面中的文本内容、图片的外形以及版面的布局等外观显示样式。

B:当CSS作为独立的文件时，必须以.html为后缀名。

C:目前流行的CSS版本为CSS3。

D:只有独立的CSS文件才符合结构与表现分离的特点。

答案:A

6. 因为静态网页的访问速度快，所以现在互联网上的所有网站都是静态网页组成的。（ ）

A:对

B:错

答案:B

7. “HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。（ ）

A:对

B:错

答案:A

8. 在Web标准中，表现是指网页展示给访问者的外在样式。（ ）

A:错

B:对

答案:B

9. 在网页中，层叠样式表指的是JavaScript。（ ）

A:错

B:对

答案:A

10. 所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。（ ）

A:对

B:错

答案:B

第一章测试

1. 下列选项中，属于HTML5扩展名的是（ ）。

A:.htm

B:.xhtm

C:.xhtml

D:.html

答案:AD

2. 下列选项中，可以调整图像垂直边距的属性是（ ）。

A:vspace

B:hspace

C:alt

D:title

答案:A

3. 下面的选项中，属于网页上常用图片格式的是（ ）。

A:PSD格式

B:PNG格式

C:JPG格式

D:GIF格式

答案:BCD

4. 下列标签中，用于将文字以加删除线方式显示的是（ ）。

A:＜i＞＜/i＞和＜em＞＜/em＞

B:＜del＞＜/del＞和＜s＞＜/s＞

C:＜u＞＜/u＞和＜ins＞＜/ins＞

D:＜b＞＜/b＞和＜strong＞＜/strong＞

答案:B

5. 下列选项中，可以设置文字字体的属性是（ ）。

A:size

B:face

C:font

D:color

答案:B

6. ＜body＞标签和＜head＞标签是并列关系。（ ）

A:对

B:错

答案:A

7. 标签就是放在“＜ ＞”标签符中表示某个功能的编码命令。（ ）

A:对

B:错

答案:A

8. 在标签嵌套中，单标签可以作为父级标签。（ ）

A:对

B:错

答案:B

9. 设置标签属性时，标签名与属性、属性与属性之间均以空格分开。（A:对

B:错

答案:A

10. 绝对路径就是网页上的文件或目录在硬盘上的真正路径。（ ）

A:对

B:错

答案:A

第二章测试

1. 下列选项中， CSS注释的写法正确的是（ ）。

A:/* 注释语句 */

B:＜!– 注释语句 –＞

C:/ 注释语句 /

D:“注释语句”

答案:A

2. 下列选项中，属于引入CSS样式表的方式是（ ）。

A:外链式

B:行内式

C:旁引式

D:内嵌式

答案:ABD

）

3. 下列选项中，用来表示通配符选择器的符号是（ ）

A:“#”号

B:“.”号

C:“*”号

D:“:”号

答案:C

4. 关于RGB代码的表示方法，下列选项正确的是（ ）。

A:rgb(100 0 0)

B:rgb(100%,0,0)

C:rgb(100%,0%,0%)

D:rgb(255,0,0)

答案:CD

5. 下列选项中，不具有继承性的属性的有（ ）

A:padding

B:height

C:background

D:border-top

答案:ABCD

6. 外链式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中。（ ）

A:对

B:错

答案:A

7. word-wrap属性用于实现长单词和URL地址的自动换行。（ ）

A:对

B:错

答案:A

8. 标签指定式选择器由标签选择器和id选择器两个选择器构成。（ ）

A:对

B:错

答案:B

9. CSS的层叠性是指书写CSS样式表时，子标签会继承父标签的某些样式。（ ）

A:对

B:错

答案:B

10. 权重相同时，CSS样式遵循就近原则。（ ）

A:对

B:错

答案:A

第三章测试

1. CSS3中，（ ）用来选择某个元素的第一级子元素的选择器是。

A:兄弟选择器

B:子代选择器

C:伪类选择器

D:属性选择器

答案:B

2. CSS3中，用于为父元素中的第一个子元素设置样式的选择器是（ ）。

A::nth-child(n)

B::first-child

C::last-child

D::not

答案:B

3. CSS3中，用于为父元素中的倒数第n个子元素设置样式的选择器是（ ）。

A::nth-child(n)

B::last-child

C::nth-of-type(n)

D::nth-last-child(n)

答案:D

4. CSS3中，属于结构化伪类选择器的是（ ）。

A::not

B::nth-of-type(n)

C::nth-child(n)

D::last-child

答案:B

5. CSS3中，（ ）选择器用来选择没有子元素或文本内容为空的所有元素。

A::not

B::nth-child(n)

C::last-child

D::empty

答案:D

6. 在E[att^=value]属性选择器中，E指代的是某个标签。（ ）

A:错

B:对

答案:B

7. 在E[att*=value]属性选择器中，E可以省略。（ ）

A:对

B:错

答案:A

8. CSS3中，子代选择器主要用来选择某个元素的子元素。（ ）

A:错

B:对

答案:A

9. CSS3中，临近兄弟选择器使用减号“－”来链接前后两个选择器。（ ）

A:对

B:错

答案:B

10. CSS3中，:only-child 选择器用于匹配属于某父元素的唯一子元素的元素。（ ）

A:对

B:错

答案:A

第四章测试

1. 下列选项中，属于盒子模型基本属性的是（ ）。

A:边框

B:外边距

C:宽和高

D:内边距

答案:ABCD

2. 下列选项中，可以控制盒子宽度的属性是（ ）。

A:padding

B:Margin

C:width

D:height

答案:C

3. 下列选项中属于边框属性的是（ ）。

A:border-height

B:border-style

C:border-color

D:border-width

答案:BCD

4. 关于内边距属性padding的描述，下列说法正确的是（ ）。

A:其取值可为1到4个值。

B:必须按顺时针顺序采用值复制原则定义4个方向的内边距。

C:padding的取值不能为负。

D:padding属性是复合属性。

答案:ABCD

5. 下列选项中，可清除元素默认外边距的是（ ）。

A:padding:0;

B:font-size:0;

C:line-height:0;

6.

7.

8.

9.

10.

D:margin:0;

答案:D

border-style属性用于设置圆角边框。（ ）

A:错

B:对

答案:A

h-shadow表示水平阴影的位置，不可以为负值。（ ）

A:对

B:错

答案:B

RGBA模式用于设置背景与图片的不透明度。（ ）

A:错

B:对

答案:B

＜strong＞是行内元素。（ ）

A:错

B:对

答案:B

display属性可以对元素的类型进行转换。（ ）

A:对

B:错

答案:A

第五章测试

1. 关于无序列表的描述，下列说法正确的是（ ）。

A:无序列表的各个列表项之间没有顺序级别之分。

B:无序列表使用＜dl＞标记表示。

C:无序列表使用＜ol＞标记表示。

D:无序列表使用＜ul＞标记表示。

答案:AD

2. 下列代码中，能够将列表项目符号设置为大写英文字母的是（ ）。

A:ul{ list-style-type: upper-alpha;}

B:ol{ list-style-type: lower-alpha;}

C:ol{ list-style-type: upper-alpha;}

D:ul{ list-style-type: lower-alpha;}

答案:C

3. 关于list-style-image属性，下列说法正确的是（ ）。

A:list-style-image属性只可以为无序列表的列表项设置项目图像。

B:list-style-image属性只可以为有序列表的列表项设置项目图像。

C:list-style-image属性可以为各个列表项设置列表项目图像。

4.

5.

6.

7.

8.

9.

10.

D:list-style-image属性用于控制列表项显示符号的类型。

答案:C

关于链接伪类的描述，下列说法错误的是（ ）。

A:a:link{}表示超链访问时的状态。

B:a:active{}表示鼠标点击不动时超链接的状态。

C:a:visited{}表示访问后超链接的状态。

D:a:hover{}表示鼠标经过、悬停时超链接的状态。

答案:A

关于创建锚点链接的代码，下列书写正确的是（ ）。

A:＜a href=“#id”＞链接文本＜/a＞………＜h3 id=“one”＞锚点链接 ＜/h3＞

B:＜a href=“#”＞链接文本＜/a＞………＜h3 id=“one”＞锚点链接 ＜/h3＞

C:＜a href=“#one”＞链接文本＜/a＞………＜h3 id=“one”＞锚点链接 ＜/h3＞

D:＜a href=“#one”＞链接文本＜/a＞………＜h3 id=“#one”＞锚点链接 ＜/h3＞

答案:C

无序列表的各个列表项之间，虽然没有顺序级别之分，但是存在主从关系。（ ）

A:对

B:错

答案:B

在HTML中，＜ul＞＜/ul＞标记可以用于定义有序列表。（ ）

A:错

B:对

答案:A

如果不设置list-style-position属性，列表项目符号默认位于列表文本以内。（ ）

A:错

B:对

答案:A

在CSS的列表样式属性中，使用list-style复合属性可以综合设置列表样式。（ ）

A:对

B:错

答案:A

使用链接伪类时，通常按照a:link、a:visited、a:hover和a:active的顺序书写。（ ）

A:对

B:错

答案:A

第六章测试

1. 下列选项中，属于＜tr＞标签属性的是（ ）。

A:cellspacing

B:cellpadding

C:Background

D:height

答案:CD

2. 下列选项中，属于＜td＞标签属性的是（ ）。

A:height

B:rowspan

C:width

D:Colspan

答案:ABCD

3. 关于单元格边距的描述，下列说法正确的是（ ）。

A:设置相邻单元格边框之间的距离使用margin属性。

B:使用padding属性可以拉开单元格内容与边框之间的距离。

C:设置相邻单元格边框之间的距离只能使用cellspacing属性。

D:cellpadding控制单元格内容与边框之间的距离。

答案:BCD

4. 下列选项中，属于表单控件的是（ ）。

A:密码输入框

B:复选框

C:提交按钮

D:单行文本输入框

答案:ABCD

5. 在HTML语言中，＜th＞标签用于设置表格的表头。（ ）

A:错

B:对

答案:B

6. 在表格中，＜table＞标签应用了边框样式属性border，单元格不必再设置边框。（ ）

A:对

B:错

答案:B

7. 在创建表单时，表单对象的名称由name属性设定。（ ）

A:错

B:对

答案:B

8. 在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“单选”才会生效。（ ）

A:错

B:对

答案:B

9. 在＜textarea＞表单控件中，rows用来定义多行文本输入框每行中的字符数。（ ）

A:错

B:对

答案:A

10. 下列选项中，属于创建表格的基本标签的是（ ）。

A:

B:

C:

D:

答案:ACD

第七章测试

1. 关于clear属性的描述，下列说法正确的是（ ）。

A:clear属性能够清除子元素浮动对父元素的影响

B:clear属性可用于清除浮动

C:clear属性只能清除标签左右两侧浮动的影响

D:left是clear的属性值

答案:C

2. 下列样式代码中，可以实现相对定位的是（ ）。

A:position: fixed;

B:position: relative;

C:position: absolute;

D:position: static;

答案:B

3. 下列样式代码中，可精确定义元素位置的是（ ）。

A:.special{ position: absolute;}

B:.special{ position: absolute; top:20px; left:16px;}

C:.special{ position: relative;}

D:.special{ position: relative; top:20px; left:16px;}

答案:BD

4. 关于三列布局的描述，下列说法正确的是（ ）。

A:实现三列布局一般是将内容模块分为左、中、右三个小盒子，然后对三个小盒子分别设置背景。

B:实现三列布局一般是将内容模块分为左、中、右三个小盒子，然后对三个小盒子分别设置边框。

C:实现三列布局一般是将内容模块分为左、中、右三个小盒子，然后对三个

小盒子分别设置浮动。

D:实现三列布局一般是将内容模块分为左、中、右三个小盒子，然后对三个小盒子分别设置定位。

答案:C

5. 在网页中，常用的命名方式有（ ）

A:帕斯卡命名

B:单峰式命名

C:双峰式命名

D:驼峰式命名

答案:AD

6. 在div+css布局技术中，css负责样式效果的呈现。（ ）

A:错

B:对

答案:B

7. 在CSS中，可以通过position属性为元素设置浮动。（ ）

A:错

B:对

答案:A

8. 当对元素应用“overflow:visible;”样式时，元素的溢出内容会被修剪。（A:错

B:对

答案:A

9. z-index属性取值不能是负整数。（ ）

A:错

B:对

答案:A

10. 单列布局是网页布局的基础。（ ）

A:错

B:对

答案:B

第八章测试

1. 下面的选项中，属于HTML5支持的视频格式是（ ）。

A:webm

B:wav

C:ogg

D:mpeg4

答案:ACD

2. 关于音频嵌入技术，下列选项说法正确的是（ ）。

A:不同的浏览器中，同样的音频文件，其播放控件的显示样式不同。B:不同的浏览器中，同样的音频文件，其播放控件的显示样式相同。 ）

C:audio标签用于为页面添加音频。

D:video标签用于为页面添加音频。

答案:AC

3. 下面选项中，用于为页面添加视频的标签是（ ）。

A:audio

B:Text

C:image

D:video

答案:D

4. 关于video标签的描述，下面说法正确的是（ ）。

A:video是一个视频标签。

B:video标签中可以添加autoplay属性。

C:在＜video＞和＜/video＞之间可以插入文字。

D:video是一个音频标签。

答案:AB

5. 在不同的浏览器中，同样的视频文件，其播放控件的显示样式相同。（A:对

B:错

答案:B

6. loop属性让视频具有循环播放功能。（ ）

A:对

B:错

答案:A

7. 当ogg文件只封装音频编码时，它就会变成为一个音频文件。（ ）

A:错

B:对

答案:B

8. 运用width属性可以为video标签设置高度。（ ）

A:错

B:对

答案:A

9. 通过宽高属性来缩放视频，则该视频的原始大小也会随之改变。（ ）A:对

B:错

答案:B

10. 下面的选项中，属于浏览器支持的音频格式是（ ）。

A:ogg

B:wav

C:mpeg4

D:webm

答案:ABC

）

第九章测试

1. 关于transition-property属性的描述，下列说法正确的是（ ）。

A:规定过渡效果中速度的变化。

B:用于定义完成过渡效果需要花费的时间。

C:规定过渡效果何时开始。

D:用于指定应用过渡效果的CSS属性的名称。

答案:D

2. 下列选项中，属于transition-timing-function属性值的有（ ）。

A:cubic-bezier（n,n,n,n）

B:ease-in

C:linear

D:ease

答案:ABCD

3. 关于transition属性的描述，下列说法正确的是（ ）。

A:设置多个过渡效果时，各个参数必须按照顺序进行定义。

B:设置多个过渡效果时，各个参数用逗号进行分隔。

C:transition属性是一个复合属性。

D:设置多个过渡效果时，各个参数不必按照顺序进行定义。

答案:ABC

4. 在CSS3中，可以实现平移效果的属性是（ ）。

A:skew()

B:translate()

C:rotate()

D:scale()

答案:B

5. 下列选项中，可以同时设置X轴和Y轴旋转的属性是（ ）。

A:perspective

B:rotateXY()

C:rotate3d()

D:rotate()

答案:C

6. transition-duration属性用于定义完成过渡效果需要花费的时间。（A:错

B:对

答案:B

7. animation-timing-function用来规定动画的速度曲线。（ ）

A:错

B:对

答案:B

8. transition-delay的属性值只能为正整数。（ ）

A:对

）

B:错

答案:B

9. animation-name属性用于定义要应用的动画名称。（ ）

A:错

B:对

答案:B

10. animation-duration属性用于定义整个动画效果完成所需要的时间。（ ）

A:对

B:错

答案:A