2024知到网课 WEB前端开发基础(兰州石化职业技术学院)智慧树答案

第一章 单元测试

1、单选题：Dreamweaver中，使用浏览器预览网页的快捷键是（）。
A:F5

B:F12

C:Ctrl+F12

D:Ctrl+S

正确答案:【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:aside

C:footer

D:Header2

正确答案:【footer
】

2、单选题：在定义列表中，用于对名词进行解释和描述的标记是（）。
A:“＜dt＞＜/dt＞”

B:“＜dd＞＜/dd＞”

C:“＜dl＞＜/dl＞”

D:“＜li＞＜/li＞”

正确答案:【“＜dd＞＜/dd＞”
】

3、多选题：下列选项中，属于定义有序列表相关属性的是（）
A:background

B:type

C:value

D:start

正确答案:【type
;value
;start
】

4、判断题：HTML5中，article元素代表文档、页面或者应用程序中与上下文不相关的独立部分。（）
A:错
B:对
正确答案:【对】

5、判断题：在HTML5中，一个网页中可以使用多个header元素，也可以为每一个内容块添加header元素。（）
A:对
B:错
正确答案:【对】

第三章 单元测试

1、单选题：下列选项中，符合后代选择器书写要求的是（）。
A:p#div{ font-weight:bold; }

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

C:p.strong{ 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 #mySpa

B:.myDiv.mySpan

C:myDiv .mySpan

D:myDiv.mySpan

正确答案:【.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 solid blue;

C:border:1px dashed blue;

D:border-top:1px dashed blue;

正确答案:【border-top:1px solid blue;
】

7、单选题：下列选项中，用于更改元素左内边距的是（）。
A:padding-left

B:padding-right

C:margin-left

D:text-indent

正确答案:【padding-left
】

8、单选题：关于样式代码“.box{width:200px; padding:15px; margin:20px;}”下列说法正确的是（）。
A:.box的总宽度为 235px

B:说法均错误

C:.box的总宽度为 270px

D:.box的总宽度为200px

正确答案:【.box的总宽度为 270px
】

9、多选题：下列选项中，属于边框样式常用属性值的是（）。
A:dotted

B:none

C:dashed

D:solid

正确答案:【dotted
;none
;dashed
;solid
】

10、多选题：下列关于＜div＞标记的描述正确的是（）。
A:＜div＞与＜/div＞之间相当于一个容器，可以容纳段落、标题、图像等各种网页元素。

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

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

D:＜div＞中还可以嵌套多层＜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:block;

B:display:inline-block;

C:display:inline;

D:display:none;

正确答案:【display:block;
】

4、多选题：关于元素的相对定位模式，下列说法正确的是（）。
A:当position属性的取值为absolute时，可以将元素定位于相对位置

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

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

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