2024年3月6日发(作者：)

Web前端开发基础智慧树知到课后章节答案2023年下兰州石化职业技术大学

兰州石化职业技术大学

第一章测试

1. Dreamweaver中，使用浏览器预览网页的快捷键是（ ）。

A:Ctrl+S

B:Ctrl+F12

C:F5

D:F12

答案:Ctrl+F12

2. 外部事件＜html＞标记标志着HTML文档的开始，＜/html＞标记标志着HTML文档的结束。（ ）

A:对 B:错

答案:对

3. 一个HTML5文档可以含有多对＜head＞标记。（ ）

A:对 B:错

答案:错

4. 浏览器中显示的所有文本、图像、音频和视频等信息都必须位于＜body＞标记内（ ）

A:错 B:对

答案:对

5. 一个HTML5文档只能有一对＜body＞标记，切＜body＞标记必须在＜html＞标记内。（ ）。

A:错 B:对

答案:对

6. ＜!DOCTYPE＞标记和浏览器的兼容性无关，为了代码简洁，可以删掉。（ ）。

A:对 B:错

答案:错

7. ＜title＞标记用于定义HTML5文档的头部信息，也称为头部标记。（ ）

A:对 B:错

答案:错

第二章测试

1. HTML5中（ ）元素可替代＜div id=“footer”＞＜/div＞标记来定义页面底部。（ ）。

A:nav

B:footer

C:aside

D:Header2

答案:footer

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

A:“＜dl＞＜/dl＞”

B:“＜dd＞＜/dd＞”

C:“＜li＞＜/li＞”

D:“＜dt＞＜/dt＞”

答案:“＜dd＞＜/dd＞”

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

A:background

B:value

C:type

D:start

答案:value

;type

;start

4. HTML5中，article元素代表文档、页面或者应用程序中与上下文不相关的独立部分。（ ）

A:对 B:错

答案:对

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

A:错 B:对

答案:对

第三章测试

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

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

B:p#div{ font-weight:bold; }

C:{ font-weight:bold; }

D:p strong{ font-weight:bold; }

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

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

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

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

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

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

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

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

A:myDiv .mySpan

B:

C:.

D:.myDiv #mySpa

答案:.myDiv #mySpa

4. 通配符选择器用“*”号表示，能匹配页面中所有的元素。（ ）

A:错 B:对

答案:对

5. 类选择器使用“#”进行标识，后面紧跟类名。（ ）

A:对 B:错

答案:错

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

A:错 B:对

答案:对

7. id选择器使用“*“进行标识，后面紧跟id名。（ ）。

A:对 B:错

答案:错

8. 标记选择器是指用HTML标记名称作为选择器，为页面中某一类标记指定统一的CSS样式。（ ）。

A:对 B:错

答案:对

9. 大多数HTML元素都可以定义id属性，元素的id值是唯一的，只能对应于文档中某一个具体的元素。（ ）

A:错 B:对

答案:对

10. 在很多浏览器下，同一个id可以应用于多个标记，浏览器并不报错，因此这种做法是合法的。（ ）

A:错 B:对

答案:错

第四章测试

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

A:兄弟选择器

B:伪类选择器

C:子代选择器

D:属性选择器

答案:子代选择器

2. CSS3中，:after伪元素选择器所插入的内容可以为文字或者图片。（ ）

A:错 B:对

答案:对

3. CSS3中，E[att^=value]属性选择器是指选择名称为E的标记，且该标记定义了att属性，att属性值包含后缀为value的子字符串。（ ）

A:对 B:错

答案:错

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

A:错 B:对

答案:对

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

A:对 B:错

答案:错

第五章测试

1. CSS背景复合属性中，各个属性间用逗号隔开。（ ）

A:错 B:对

答案:错

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

A:错 B:对

答案:对

3. 宽度属性width和高度属性height对块元素无效。（ ）

A:对 B:错

答案:错

）

4. 在径向渐变过程中，起始颜色会从一个中心点开始，依据椭圆或圆形形状进行扩张渐变。（ ）

A:对 B:错

答案:对

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

A:对 B:错

答案:对

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

A:border:1px solid blue;

B:border-top:1px dashed blue;

C:border:1px dashed blue;

D:border-top:1px solid blue;

答案:border-top:1px solid blue;

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

A:margin-left

B:padding-right

C:padding-left

D:text-indent

答案:padding-left

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

A:.box的总宽度为 270px

B:.box的总宽度为200px

C:说法均错误

D:.box的总宽度为 235px

答案:.box的总宽度为 270px

9. 下列选项中，属于边框样式常用属性值的是（ ）。

A:dotted

B:solid

C:dashed

D:none

答案:dotted

;solid

;dashed

;none

10. 下列关于＜div＞标记的描述正确的是（ ）。

A:＜div＞中还可以嵌套多层＜div＞。

B:＜div＞与＜/div＞之间相当于一个容器，可以容纳段落、标题、图像等各种网页元素。

C:所有的HTML标记都可以嵌套在＜div＞中。

D:＜div＞ 可定义文档中的分区或节。

答案:＜div＞中还可以嵌套多层＜div＞。

;＜div＞与＜/div＞之间相当于一个容器，可以容纳段落、标题、图像等各种网页元素。

;＜div＞ 可定义文档中的分区或节。

第六章测试

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

A:position: fixed;

B:position: relative;

C:position: absolute;

D:position: static;

答案:position: absolute;

2. ＜div＞标记是网页布局中最常用的标记，其显示类型为（ ）。

A:块级类型

B:行内类型

C:行内块类型

D:浮动类型

答案:块级类型

3. 下列样式代码中，可以将＜span＞标记转换为块元素的是（ ）。

A:display:none;

B:display:block;

C:display:inline;

D:display:inline-block;

答案:display:block;

4. 关于元素的相对定位模式，下列说法正确的是（ ）。

A:相对定位是将元素相对于他在标准文档流中的位置进行定位

B:当position属性的取值为absolute时，可以将元素定位于相对位置

C:可通过边偏移属性改变相对定位元素的位置

D:应用相对定位后，元素在文档流中的位置将消失

答案:相对定位是将元素相对于他在标准文档流中的位置进行定位

;可通过边偏移属性改变相对定位元素的位置

5. 下列选项中，属于行内元素的是（ ）。

A:＜strong＞

B:＜em＞

C:＜span＞

D:＜a＞

答案:＜strong＞

;＜em＞

;＜span＞

;＜a＞

6. 关于元素的静态定位模式，下列说法正确的是（ ）。

A:当position属性的取值为static时，可以将元素定位于静态位置

B:静态定位是元素的默认定位方式

C:静态定位时各个元素在HTML文档流中默认的位置

D:可以通过边偏移属性来改变静态定位元素的位置

答案:当position属性的取值为static时，可以将元素定位于静态位置

;静态定位是元素的默认定位方式

;静态定位时各个元素在HTML文档流中默认的位置

7. 下列选项中，属于块级元素的是（ ）。

A:＜h1＞

B:＜p＞

C:＜ul＞

D:＜div＞

答案:＜h1＞

;＜p＞

;＜ul＞

;＜div＞

8. overflow属性用于规范溢出内容的显示方式，下列选项中属于overflow常用属性值的是（ ）。

A:hidden

B:scroll

C:visible

D:auto

答案:hidden

;scroll

;visible

;auto

9. ＜span＞是一个行内元素，它需要设置display属性值为block后才能设置宽高。( )

A:错 B:对

答案:对

10. ＜span＞是一个行内元素，＜span＞与＜/span＞之间不能嵌套多层＜span＞。( )

A:错 B:对

答案:错

第七章测试

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

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

上述代码的含义是（ ）。

A:定义input控件的文本颜色

B:定义input控件的内边距

C:定义input控件的背景

D:定义input控件的文本宽高

答案:定义input控件的背景

2. ＜form＞与＜/form＞之间的表单控件是由用户自定义的。下列选项中，不属于表单标记＜form＞常用属性的是（ ）。

A:name

B:method

C:size

D:action

答案:size

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

A:tel类型

B:number类型

C:email类型

D:url类型

答案:number类型

4. output元素用于不同类型的输出，下列属于output元素属性的是（ ）。

A:name属性

B:for属性

C:form属性

D:disabled属性

答案:name属性

;for属性

;form属性

5. 下列选项中，属于input控件的是（ ）。

A:单选按钮

B:提交按钮

C:单行文本输入框

D:复选框

答案:单选按钮

;提交按钮

;单行文本输入框

;复选框

6. 在HTML中，＜form＞＜/form＞标记用于定义表单域，即创建一个表单，以实现用户信息的收集和传递。( )

A:错 B:对

答案:对

7. datalist元素用于定义输入框的选项列表，列表通过datalist内的option元素进行创建。( )

A:错 B:对

答案:对

8. color类型用于提供设置颜色的文本框，用于实现一个RGB颜色输入。( )

A:错 B:对

答案:对

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

A:错 B:对

答案:对

10. ＜textarea＞用来定义单行文本框 。( )

A:对 B:错

答案:错

第八章测试

1. 运用HTML5的下列哪个标签可以在页面中嵌入视频或音频文件（ ）。

A:video

B:title

C:img

D:body

答案:video

2. 下面的选项中，哪个不是音频格式（ ）。

A:MP3

B:Wav

C:Vorbis

D:Ogg

答案:Ogg

3. 在网页设计中，多媒体技术主要是指在网页上运用下列哪个选项传递信息的一种方式（ ）。

A:表格

B:音频视频

C:动画

D:图片

答案:音频视频

4. source元素中的type用于指定媒体文件的URL地址。（ ）

A:错 B:对

答案:错

5. 在HTML5中，经常会通过为video元素添加宽高的方式给视频预留一定的空间。（ ）

A:错 B:对

答案:对

6. 在HTML5中，运用source元素可以为video元素或audio元素提供多个备用文件。（ ）

A:错 B:对

答案:对

7. html5支持Ogg、MPEG 4和WebM的视频格式以及Vorbis、MP3和Wav的音频格式，但各浏览器对这些格式却不完全支持。（ ）。

A:错 B:对

答案:对

8. 运用HTML5的audio标签可以在页面中嵌入视频或音频文件。（ ）

A:错 B:对

答案:对

9. 音频编码器主要用于对数据流进行编码操作，解码器主要用于对音频文件进行解码。（ ）

A:错 B:对

答案:对

10. 视频编解码器定义了多媒体数据流编码和解码的算法。其中编码器主要是对数据流进行编码操作，用于存储和传输。（ ）

A:错 B:对

答案:错

第九章测试

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

A:transition-delay属性

B:transition-timing-function属性

C:transition-property属性

D:transition-duration属性

答案:transition-duration属性

2. 下列选项中，用于指定应用过渡效果的CSS属性名称的属性是（ ）。

A:transition-duration属性

B:transition-timing-function属性

C:transition-property属性

D:transition-delay属性

答案:transition-property属性

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

A:linear

B:ease-in

C:ease-out

D:ease

答案:linear

;ease-in

;ease-out

;ease

4. 下列选项中，属于animation-timing-function常用属性值的是（ ）。

A:ease-in-out

B:ease-in

C:ease-out

D:linear

答案:ease-in-out

;ease-in

;ease-out

;linear

5. transition-property 属性设置的过渡效果通常在用户将指针离开元素上时发生。（ ）

A:对 B:错

答案:错

6. transition-delay属性规定过渡效果花费的时间。（ ）

A:对 B:错

答案:错

7. animation-duration属性用于定义执行动画效果之前延迟的时间，即规定动画什么时候开始。 （ ）

A:对 B:错

答案:错

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

A:对 B:错

答案:错

第十章测试

1. 在网页制作时，常常需要将导航栏模块通栏显示。（ ）

A:错 B:对

答案:对

2. CSS3中，当为元素定义 perspective 属性时，其子元素会获得透视效果。（ ）

A:对 B:错

答案:对

3. 网页制作时，不同页面中相同的样式可以做成CSS公用样式表文件，供所有页面调用。（ ）

A:对 B:错

答案:对

4. 在网页制作中，使用导航栏可以更清晰方便地找到所需要的资源信息。（

A:错 B:对

答案:对

5. CSS3中，通过border-radius属性将背景设置为圆角矩形。（ ）

A:错 B:对

答案:对

）

6. 通过分析网页效果图，可以更加高效地完成网页的布局和排版。（ ）

A:对 B:错

答案:对

7. 在CSS注释中，“/*footer*/”表示的是底部版权区域的样式代码。（ ）

A:对 B:错

答案:对

8. CSS中，hover属性可用于当鼠标悬浮时切换元素的显示状态。（ ）

A:错 B:对

答案:对

9. HTML中，＜!-- try bigan--＞可用作页面中某一部分的结构开始注释。（

A:对 B:错

答案:对

10. CSS中，scale(0.75)指将元素放大到原来的0.75倍。（ ）

A:对 B:错

答案:对

）