Web前端开发基础之HTML+CSS智慧树知到课后章节答案2023年下浙江工业职业技术学院

浙江工业职业技术学院

第一章测试

1. 下面标记中，表示换行的标记是（ ）

答案:

2. 若要在网页中插入样式表，以下用法中正确的是（ ）

答案:

3. 关于特殊字符的描述，下列说法错误的是（ ）

答案:

转义序列各字符间可以有空格

4. 下列选项中，属于“target”属性值的是（ ）

答案:

_self;_blank

5. 关于HTML5优势的描述，下列说法正确的是（ ）

答案:

解决了跨浏览器问题;新增了多个新特性;化繁为简的优势;用户优先的原则

6. 下列选项中，属于双标记的是（ ）

答案:

;

7. 下列选项中，支持透明的图像格式是（ ）

答案:

png格式;gif格式

8. 下列选项中，属于单标记的是（ ）

答案:

;

---

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

答案:

在HTML标记中分为单标记和双标记;注释标记是HTML中的一种特殊标记;

是一个双标记

10. 关于
标记的描述，下列说法正确的是（ ）

答案:

使用换行标记
的段落可以实现强制换行的效果;
标记可以连续使用，比如

11. 下面的应用软件，可以编写网页代码的是（ ）

答案:

、Dreamweaver;、sublime;Editplus

12. 关于

标记的描述，下列说法正确的是（ ）

答案:

标记里面可以放置标记;

标记可以给文本添加“段落”语义

13. 关于HTML5语法的描述，下列说法正确的是（ ）

答案:

属性值不放在引号中也是正确的;部分标志性属性的属性值可以省略;标签可以不区分大小写

14. 关于标记属性的描述，下列说法正确的是（ ）

答案:

标记可以拥有多个属性;属性之间不分先后顺序

15. 下列标记中属于文本格式化标记的是（ ）

答案:

;;;

16. 下列标记中，用来设置文本为粗体的是（ ）

答案:

;

17. 指定图片路径的时候，尽量使用绝对路径，因为可以更稳定简洁。（ ）

答案:

错

18. 一个HTML5文档可以含有多对标记。（ ）

答案:

错

19. 一个HTML5文档只能含有一对标记，且标记必须在标记内。（ ）

答案:

对

20. 在HTML5中，checked="checked"可以省略为checked。（ ）

答案:

对

第二章测试

1. 在定义列表中，用于对名词进行解释和描述的标记是（ ）

答案:

2. 在HTML5中，头部内容通常包含在以下哪个结构元素内。（ ）

答案:

header

3. HTML5中（ ）元素可替代

标记来定义页面底部。

答案:

footer

4. HTML5中，（ ）元素经常与details 元素配合使用，作为details 元素的第一个子元素。

答案:

summary

5. 下列选项中，属于定义有序列表相关属性的是（ ）

答案:

type;value;start

6. 关于列表的嵌套，下列说法正确的是（ ）。

答案:

无序列表和有序列表可以相互嵌套;

与

之间相当于一个容器，可以嵌套无序列表、有序列表等网页元素

7. HTML5中， progress元素的常用属性值有（ ）。

答案:

max;value

8. 下列选项中，属于定义列表标记的是（ ）

答案:

;

9. HTML5中，meter元素有多个常用的属性，如下选项中哪些属于meter元素的属性。（ ）

答案:

low;min;max;value

10. 关于定义无序列表的基本语法格式，以下描述正确的是（ ）

答案:

每对

中至少应包含一对

。;

标记用于定义无序列表。;

标记嵌套在

标记中，用于描述具体的列表项。

11. 在使用列表时，如果列表项中包含若干子列表项，就需要将列表进行嵌套。（ ）

答案:

对

12. HTML5中，当一个标题包含副标题、section或者article元素时，建议将hgroup元素和标题相关元素存放到header元素容器中。（ ）

答案:

对

13. 在HTML5中，一个网页中可以使用多个header元素，也可以为每一个内容块添加header元素。（ ）

答案:

对

14. HTML5中，summary元素与details 元素配合使用时，标题是可见的，当用户点击标题时，会显示或隐藏details中的其他内容。（ ）

答案:

对

15. 列表的嵌套通常是指有序列表和无序列表的嵌套，因此定义列表不能用在列表的嵌套中。（ ）

答案:

错

16. HTML5中的header元素是一种具有引导和导航作用的结构元素。（ ）

答案:

对

17. HTML5中，一个figure元素内允许使用多个figcaption元素。（ ）

答案:

错

18. HTML5中，figure元素的内容应该与主内容相关，但如果被删除，也不会对文档流产生影响。（ ）

答案:

对

19. HTML5中，meter元素的max属性，用于定义最小值，默认值是 0。（ ）

答案:

错

20. 在有序列表中，不定义type属性时，有序列表的列表项默认按“I、II、III…”的顺序排列。（ ）

答案:

错

第三章测试

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

答案:

:first-child

2. CSS3中，（ ）主要用来选择某个元素的第一级子元素。

答案:

子代选择器

3. CSS3中，:nth-of-type(n)和:nth-last-of-type(n)选择器用于匹配属于父元素的特定类型的第 n 个子元素和倒数第n个子元素。（ ）

答案:

对

4. CSS3中，:nth-child(n)选择器用于为父元素中的第n个子元素设置样式。（ ）

答案:

对

5. CSS3中，:only-child 选择器属于结构化伪类选择器。（ ）

答案:

对

6. 伪类虽然不是真正意义上的类，但是它的名称可以由用户自定义。（ ）

答案:

错

7. CSS3中，:last-child选择器属于结构化伪类选择器。（ ）

答案:

对

8. CSS3中，:before选择器属于伪元素选择器。（ ）

答案:

对

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

答案:

错

10. CSS3中，:nth-child(n)选择器属于结构化伪类选择器。（ ）

答案:

对

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

答案:

对

12. CSS3中，兄弟选择器用来选择与某元素位于同一个父元素之中，且位于该元素之后的兄弟元素。（ ）

答案:

对

13. 链接伪类用于实现不同的链接状态，提高用户体验。（ ）

答案:

对

14. CSS3中，:nth-child(n)选择器用于为父元素中的倒数第n个子元素设置样式。（ ）

答案:

错

15. CSS3中，:nth-last-of-type(n)选择器属于结构化伪类选择器。（ ）

答案:

对

16. CSS3中，普通兄弟选择器使用 “~”来链接前后两个选择器。（ ）

答案:

对

17. 在CSS3中，子代选择器属于关系选择器。（ ）

答案:

对

18. CSS3中，:root选择器定义的样式，对所有页面元素都生效。（ ）

答案:

对

19. CSS3中，:before伪元素选择器必须配合content属性来指定要插入的具体内容。（ ）

答案:

对

20. CSS3中，:nth-last-child(n)选择器不属于结构化伪类选择器。（ ）

答案:

错

第四章测试

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

答案:

{ font-size: 24px; }

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

答案:

p strong{ font-weight:bold; }

3. 页面上的div标签，其HTML代码为

文字

，为其设置CSS样式如下：

#box{

color:blue;

}

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

答案:

红色

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

答案:

{color:inherit;}

5. 如果使用内嵌式CSS样式表定义

标记字号为12像素，链入式定义

标记颜色为红色，那么段落文本将显示为（ ）

答案:

12像素红色

6. 页面上的div标签，其HTML结构如下：

传智播客

对应的CSS样式代码如下：

#father #son{

color:red;

}

#father p{

color:blue;

}

div .son{

color:yellow;

}

div p{

color:green;

}

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

答案:

红色

7. 下面的选项中, 类选择器的基本语法格式正确的是（ ）

答案:

.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

8. 页面上的div标签，其HTML代码为

文字

，为其设置CSS样式如下：

#box{

color:blue;

}

.red{

color:red;

}

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

答案:

蓝色

9.

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

答案:

{font-family: “黑体”;}

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

答案:

段落文本

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

答案:

错

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

答案:

错

13. text-align属性用于设置文本内容的水平对齐，可适用于所有元素。（ ）

答案:

错

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

答案:

错

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

答案:

错

16. word-spacing属性用于定义英文单词之间的间距，对中文字符无效。（ ）

答案:

对

17. 在CSS中，行高属性line-height是用来设置文本高度的。（ ）

答案:

错

18. 在CSS中，各个选择器通过逗号连接就形成了并集选择器。（ ）

答案:

对

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

答案:

错

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

答案:

对

第五章测试

1. 一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（ ）

答案:

336px

2. 下列选项中，用于更改元素左内边距的是（ ）。

答案:

padding-left

3. 关于样式代码“.box{width:200px; padding:15px; margin:20px;}”下列说法正确的是（ ）。

答案:

.box的总宽度为 270px

4. 下列样式代码中，用于定义盒子上边框为1像素、蓝色、单实线的是（ ）。

答案:

border-top:1px solid blue;

5. 关于盒子模型中的宽度和高度属性，下面说法正确的是（ ）。

答案:

盒子模型中的宽度和高度属性仅适用于块级元素

6. 在下列选项中，background-position属性值书写正确的是（ ）。

答案:

p{ background-position:left top; }

7. 下列选项中，用于改变盒子模型外边距的是（ ）。

答案:

margin

8. 下列样式代码中，可用于设置背景图像平铺方式的是（ ）。

答案:

background-repeat: repeat-x;;background-repeat:no-repeat;

9. 下列选项中，可用于更改元素左外边距的是（ ）。

答案:

margin-left;margin

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

答案:

padding的取值不能为负;其取值可为1到4个值;padding属性是复合属性;必须按顺时针顺序采用值复制原则定义4个方向的内边距

11. 在线性渐变过程中，颜色值用于设置渐变颜色，其中“颜色值1”表示起始颜色，“颜色值n”表示结束颜色，起始颜色和结束颜色之间可以添加多个颜色值，各颜色值之间用“、”隔开。（ ）

答案:

错

12. background-attachment属性有两个属性值，分别为scroll和fixed。（ ）

答案:

对

13. 网页是多个盒子模型嵌套排列的结果。（ ）

答案:

对

14. CSS3中的box-shadow属性的阴影扩展半径可以为负值。（ ）

答案:

错

15. opacity属性用于定义元素的不透明度，参数opacityValue表示不透明度的值，它是一个介于0~1之间的浮点数值。（ ）

答案:

对

16. CSS3中的box-shadow属性的参数值是可以省略的。（ ）

答案:

错

17. 在HTML中，盒子模型的总高度等于“height+padding+margin”的尺寸总和。（ ）

答案:

错

18. CSS3中的box-shadow属性设置“inset”参数值后，阴影类型变为内阴影。（ ）

答案:

对

19. 外边距指的是元素边框与相邻元素之间的距离。（ ）

答案:

对

20. 默认情况下子元素会继承父元素的背景。（ ）

答案:

对

第六章测试

1. 下列选项中，专门用于定义输入搜索关键词的input元素类型是（ ）。

答案:

search类型

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

答案:

line-through

3. 下列选项中，用来定义下拉列表的是（ ）。

答案:

4. 在HTML5中，用于指定输入框中的内容是必须填写的input属性是（ ）。

答案:

required属性

5. HTML5中，用于指定页面加载后是否自动获取焦点的input属性是（ ）。

答案:

autofocus属性

6. 下列选项中，用于提供输入数值的文本框的input元素类型是（ ）。

答案:

number类型

7.

与

之间的表单控件是由用户自定义的。下列选项中，不属于表单标记

常用属性的是（ ）。

答案:

size

8. 给input控件应用以下CSS样式：

“background、url(images/) no-repeat 5px center #FFF;”

上述代码的含义是（ ）。

答案:

定义input控件的背景

9. 下列选项中，用于指定表单是否有自动完成功能的属性是（ ）

答案:

autocomplete

10. 下列选项中，属于和标记常用属性的是（ ）。

答案:

selected;multiple;size

11. 在定义下拉列表时，

标记必须嵌套在标记中。（ ）

答案:

对

12. 在CSS控制表单样式时，设置浏览器的默认样式时无须清除表单控件的内边距padding和外边距margin。（ ）

答案:

错

13. 在定义下拉列表时，标记用于定义选项组，必须嵌套在标记中。（ ）

答案:

对

14. keygen元素用于表单的密钥生成器，能够使用户验证更为安全、可靠。（ ）

答案:

对

15. 在表单中，name属性用于指定表单的名称，以区分同一个页面中的多个表单。（ ）

答案:

对

16. 在使用

答案:

对

17. 在HTML中，

标记用于定义表单域，即创建一个表单，以实现用户信息的收集和传递。（ ）

答案:

对

18. 使用Dreamweaver工具可以生成各种表单控件。（ ）

答案:

对

19. 表单提交后的数据处理程序由name属性指定。（ ）

答案:

错

20. action的属性值可以是相对路径或绝对路径，还可以为接收数据的E-mail邮箱地址。（ ）

答案:

对

第七章测试

1. 下列选项中，用于定义动画效果需要播放3次的代码是（ ）。

答案:

animation-iteration-count:3;

2. 下列选项中，用于定义执行动画效果之前延迟时间的属性是（ ）。

答案:

animation-delay属性

3. transition-timing-function属性规定过渡效果的速度曲线，默认值为（ ）。

答案:

ease

4. 下列选项中，用于定义动画播放次数的属性是（ ）。

答案:

animation-iteration-count属性

5. 下列选项中，用于定义当前动画播放方向的属性是（ ）。

答案:

animation-direction属性

6. 下列选项中，能够让元素倾斜显示的变形函数是（ ）。

答案:

skew()方法

7. 下列选项中，用于定义过渡效果花费时间的属性是（ ）。

答案:

transition-delay属性

8. 认真阅读下列代码，并按要求进行作答。

animation-name:mymove; /*定义动画名称*/

animation-duration:5s; /*定义动画时间*/

animation-timing-function:linear; /*定义动画速度曲线*/

animation-delay:2s; /*定义动延迟时间*/

animation-iteration-count:3; /*定义动画的播放次数*/

animation-direction:alternate; /*定义动画播放的方向*/

animation属性是一个复合属性，可以同时设置上述属性的代码为（ ）。

答案:

animation: mymove linear 2s 5s 3 alternate;

9. .下列选项中，用于定义整个动画效果完成所需要时间的属性是（ ）。

答案:

animation-duration属性

10. 设定动画会在奇数次数正常播放，而在偶数次数逆向播放的代码为（ ）。

答案:

animation-direction:alternate;

11. Internet Explorer 10、Firefox以及Opera 不支持@keyframes 规则和animation 属性。（ ）

答案:

错

12. 通过transform属性实现的变形操作都是以元素的中心点为基准进行的，如果需要改变这个中心点，可以使用transform-origin属性。（ ）

答案:

对

13. 使用HTML5最大的缺点在于缺少通用编解码的支持。（ ）

答案:

对

14. 在“transform:rotateX(a);”函数中，参数a用于定义旋转的角度值，其值只能是正数。（ ）

答案:

错

15. 在使用transition属性设置多个过渡效果时，它的各个参数顺序随意，可以颠倒。（ ）

答案:

错

16. 使用transition简写属性设置多种过渡效果，需要为每个过渡属性集中指定所有的值，并且使用空格进行分隔。（ ）

答案:

错

17. 在HTML5中，audio标签的controls 属性用于为音频提供播放控件。（ ）

答案:

对

18. transition-property 属性用于指定应用过渡效果的CSS属性的名称，当指定的CSS属性改变时，过渡效果才开始。（ ）

答案:

对

19. transition属性是一个复合属性，用于在一个属性中设置transition-property、transition-duration、transition-timing-function、transition-delay四个过渡属性。（ ）

答案:

对

20. 在HTML5语法中，video标签用于为页面添加视频，audio标签用于为页面添加音频。（ ）

答案:

对

第八章测试

1. 下列选项中，能够设置表单背景颜色的属性是（ ）

答案:

background-color

2. 在HTML文档头部标记中，设置网页关键字的name属性值应该为（ ）

答案:

keywords

3. 下面选项中，可以将HTML5页面的标题设置为“嫁给我吧”的是（ ）

答案:

4. 下列选项中，用于定义动画名称的属性是（ ）

答案:

animation-name属性

5. 在Dreamweaver中，使用次浏览器预览网页的快捷键是（ ）

答案:

Ctrl+F12

6. 下列选项中，并集选择器书写方式正确的是（ ）

答案:

h1,p{}

7. 在CSS中，可以将元素的定位模式设置为绝对定位方式的是（ ）

答案:

position:absolute;

8. 下列选项中，用来定义元素是否可以拖动的属性是（ ）

答案:

draggable

9. 网页中的图像文件位于html文件的下一级文件夹img下，则以下CSS书写正确的是（ ）

答案:

10. 下列选项中，对HTML5新功能和新特性支持最好的浏览器是（ ）

答案:

谷歌浏览器

11. 在CSS中，任何的HTML标记都拥有style属性。（ ）

答案:

对

12. :nth-child(n)选择器属于兄弟选择器。（ ）

答案:

错

13. 在

答案:

错

14. transition-delay的属性值为正数时，过渡动作会延迟触发。（

答案:

对

）

15.

中的所有内容都会被提交给服务器。（ ）

答案:

对

16. 不同的浏览器中，同样的视频文件，其播放控件的显示样式不同。（ ）

答案:

对

17. 元素应用“overflow: auto;”样式时，元素框将自适应其所要显示的内容。（ ）

答案:

对

18. CSS3中，E[att^=value]属性选择器中E是可以省略的。（ ）

答案:

对

19. z-index属性取值越大，定位元素在层叠元素中越居上。（ ）

答案:

对

20. CSS3给我们带来了众多全新的设计体验，因此所有的浏览器都完全支持它。（ ）

答案:

错