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

第一章 单元测试

1、单选题：Dreamweaver中，使用浏览器预览网页的快捷键是（）。
A:F5
B:Ctrl+S
C:F12
D:Ctrl+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:Header2
B:nav
C:aside
D:footer
正确答案:【footer】

2、单选题：在定义列表中，用于对名词进行解释和描述的标记是（）。
A:“＜dd＞＜/dd＞”
B:“＜li＞＜/li＞”
C:“＜dt＞＜/dt＞”
D:“＜dl＞＜/dl＞”
正确答案:【“＜dd＞＜/dd＞”】

3、多选题：下列选项中，属于定义有序列表相关属性的是（）
A:value
B:type
C:start
D:background
正确答案:【value;
type ;
start】

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

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

第三章 单元测试

1、单选题：下列选项中，符合后代选择器书写要求的是（）。
A:p,strong{ font-weight:bold; }
B:p.strong{ font-weight:bold; }
C:p strong{ font-weight:bold; }
D:p#div{ 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:.myDiv #mySpa
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-top:1px solid blue;
B:border:1px dashed blue;
C:border-top:1px dashed blue;
D:border:1px solid blue;
正确答案:【border-top:1px solid blue;】

7、单选题：下列选项中，用于更改元素左内边距的是（）。
A:text-indent
B:padding-left
C:padding-right
D:margin-left
正确答案:【padding-left】

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

9、多选题：下列选项中，属于边框样式常用属性值的是（）。
A:dotted
B:none
C:solid
D:dashed
正确答案:【dotted;
none;
solid;
dashed】

10、多选题：下列关于＜div＞标记的描述正确的是（）。
A:＜div＞ 可定义文档中的分区或节。
B:＜div＞中还可以嵌套多层＜div＞。
C:所有的HTML标记都可以嵌套在＜div＞中。
D:＜div＞与＜/div＞之间相当于一个容器，可以容纳段落、标题、图像等各种网页元素。
正确答案:【＜div＞ 可定义文档中的分区或节。;
＜div＞中还可以嵌套多层＜div＞。;
＜div＞与＜/div＞之间相当于一个容器，可以容纳段落、标题、图像等各种网页元素。】

第六章 单元测试

1、单选题：下列样式代码中，可以实现绝对定位模式的是（）。
A:position: relative;
B:position: static;
C:position: absolute;
D:position: fixed;
正确答案:【position: absolute;】

2、单选题：＜div＞标记是网页布局中最常用的标记，其显示类型为（）。
A:浮动类型
B:行内类型
C:块级类型
D:行内块类型
正确答案:【块级类型】

3、单选题：下列样式代码中，可以将＜span＞标记转换为块元素的是（）。
A:display:inline-block;
B:display:none;
C:display:inline;
D:display:block;
正确答案:【display:block;】

4、多选题：关于元素的相对定位模式，下列说法正确的是（）。
A:相对定位是将元素相对于他在标准文档流中的位置进行定位
B:当position属性的取值为absolute时，可以将元素定位于相对位置
C:应用相对定位后，元素在文档流中的位置将消失
D:可通过边偏移属性改变相对定位元素的位置
正确答案:【相对定位是将元素相对于他在标准文档流中的位置进行定位;
可通过边偏移属性改变相对定位元素的位置】