Web前端开发基础知到智慧树章节测试课后答案2024年秋海南软件职业技术学院

Web前端开发基础知到智慧树章节测试课后答案2024年秋海南软件职业技术学院第一章单元测试

在下列的HTML中，哪个是最大的标题？（）

A:h1

B:h3

C:h2

D:h6

答案:h1

在下列的HTML中，哪个可以产生超链接？（）

A:＜ahref=""＞百度＜/a＞

B:＜aurl=""＞百度＜/a＞

C:＜aname=""＞百度＜/a＞

D:＜asrc=""＞百度＜/a＞

答案:＜ahref=""＞百度＜/a＞

Web标准的制定者是？（）

A:微软Microsoft

B:网景公司Netscape

C:Javasun公司

D:万维网联盟W3C

答案:万维网联盟W3C

在下列的HTML中，哪个是有序列表标签？（）

A:olli

B:ulli

C:dldt

D:dldd

答案:olli

在CSS中，使用了#demop{}选择器，表示什么意思？（）

A:表示该CSS声明将作用于id为demo下的所有后代元素p标签

B:表示该CSS声明将作用于类为demo下的所有后代元素p标签

C:表示该CSS声明将作用于id为demo下的直接子元素p标签

D:表示该CSS声明将作用于类为demo下的直接子元素p标签

答案:表示该CSS声明将作用于id为demo下的所有后代元素p标签

＜title＞标签在＜html＞中哪个位置？（）

A:任意位置都可以

B:在＜body＞内部

C:在＜head＞和＜body＞之间

D:在＜head＞内部

答案:在＜head＞内部

如何在HTML中添加注释？（）

A:＜!--注释内容--＞

B://注释

C:/*注释*/

D:/**注释**/

答案:＜!--注释内容--＞

若要开发符合Web标准的网站，就要理解结构和表现分离，下面哪个是表现的标准语言？（）

A:CSS

B:XHTML

C:HTML

D:ECMAScript

答案:CSS

Web前端开发的作用是什么？（）

A:把前端页面呈现给用户

B:把数据存在数据库中

C:把图片设计得更漂亮

D:把计算机用硬件连接起来

答案:把前端页面呈现给用户

Web前端开发的核心技术有哪些？（）

A:CSS

B:Java

C:JavaScript

D:HTML

答案:CSS

；JavaScript

；HTML

第二章单元测试

下列标签中，属于块级元素的的是？（）

A:input

B:a

C:div

D:span

答案:div

CSS一般是利用什么标签来构建页面布局？（）

A:li

B:table

C:div

D:p

答案:div

给一个盒子设置左右填充分别为10px和20px后，如果要求盒子在页面中占的总宽度不变，那么应该让盒子的宽度减少多少像素？（）

A:不需要减少

B:10px

C:20px

D:30px

答案:30px

在margin:15px10px13px8px;代码段中，左边距的值是多少？（）

A:10px

B:8px

C:13px

D:15px

答案:8px

如何在CSS文件中添加注释？（）

A://注释

B:＜!--注释内容--＞

C:/**注释**/

D:/*注释*/

答案:/*注释*/

下面哪个选项将用于创建一个名为demo的ID，它的宽度为700像素，高度为50像素，文本的颜色为红色（）。

A:#header{width:700px;height:50px;color:inherit;}

B:.header{width:700px;height:50px;text-color:inherit;}

C:.header{width:700px;height:50px;color:inherit;}

D:#header{width:50px;height:700px;color:inherit;}

答案:#header{width:700px;height:50px;color:inherit;}

在.demo{width:100px;height:100px;background-color:red}代码段中，若想把demo以一个圆形呈现，该如何设置border-radius属性值？（）

A:border-radius:50%;

B:border-radius:100px;

C:border-radius:0;

D:border-radius:50px;

答案:border-radius:50%;

超链接伪元素中，哪个属性表示未访问的超链接？（）

A::link

B::visited

C::active

D::hover

答案::link

按顺序排列，border-radius的四个值是？（）

A:上、右、下、左

B:左上、左下、右下、右上

C:上、下、左、右

D:左上，右上，右下，左下

答案:左上，右上，右下，左下

下面哪个选项是设置字体大小的正确方法？（）

A:p{font-size:200%;}

B:p{text-size:200%;}

C:p{font-size:200;}

D:p{font-size:200px;}

答案:p{font-size:200%;}

；p{font-size:200px;}

第三章单元测试

在网页上，表单中的input元素的type属性为（）时，用于创建重置按钮。

A:button

B:reset

C:set

D:image

答案:reset

下面哪个属性是指盒子模型的边距？（）

A:border

B:padding

C:margin

D:content

答案:margin

下面的属性不属于＜td＞标签的有（）。

A:border

B:align

C:colspan

D:rowspan

答案:border

常见的行内元素有哪些？（）

A:<a/>B:<img/>C:<br/>D:<span>

答案:<a/>；<img/>；<br/>；<span>下面对行内元素特点表述正确的是（）

A:设置margin只有上下有效，左右无效果

B:设置高度height无效

C:设置宽度width无效

D:设置padding只有上下有效，左右无效果

答案:设置高度height无效

；设置宽度width无效

如果要使多个div并列排列，应使用（）。

A:content

B:float

C:Clear

D:margin

答案:float

下面情况中，哪些会发生margin属性的叠加（）。

A:元素的顶边界与底边界发生叠加

B:空元素中已经叠加的边界与另一个空元素的边界发生叠加

C:元素的顶边界于父元素的顶边界发生叠加

D:元素的顶边界与前面元素的底边界发生叠加

答案:元素的顶边界与底边界发生叠加

；空元素中已经叠加的边界与另一个空元素的边界发生叠加

；元素的顶边界于父元素的顶边界发生叠加

；元素的顶边界与前面元素的底边界发生叠加

下列对表格的表达正确的是（）。

A:tbody定义表格的主体

B:tfoot定义表格的页脚

C:caption定义表格标题

D:thead定义表格的页眉

答案:tbody定义表格的主体

；tfoot定义表格的页脚

；caption定义表格标题

；thead定义表格的页眉

在下面的HTML语句中，＜input

type=”radio”

value=”v1”checked

name=”R1”＞男，该标记的name属性可要可不要，因为它对单选按钮的功能设计不产生任何影响。（）

A:对B:错

答案:错如果不给父级设定position为relative的话，那设置的absolute标签元素是根据body来定位的。（）

A:错B:对

答案:对

第四章单元测试

如何给CSS3中的元素添加阴影？（）

A:shadow:5px5px5px#666;

B:shadow-color:inherit;

C:box-shadow:5px5px5px#666;

D:text-shadow:5px5px5px#666;

答案:box-shadow:5px5px5px#666;

如何显示这样一个边框：上边框10像素、下边框5像素、左边框20像素、右边框1像素？（）

A:border-width:10px1px5px20px;

B:border-width:5px20px10px1px

C:border-width:10px5px20px1px;

D:border-width:10px20px5px1px;

答案:border-width:10px1px5px20px;

通过jQuery，选择器$(“div”)选取什么元素？（）

A:id为div的元素;

B:首个div元素;

C:类为div的元素

D:所有的div元素;

答案:所有的div元素;

下列哪种方式是用后代选择器定义样式的？（）

A:.box{}

B:.box＞p{}

C:.boxp{}

D:p.box{}

答案:.boxp{}

下列哪个样式定义后,行内元素就可以定义宽度和高度？（）

A:display:inheric;

B:display:block;

C:display:none;

D:display:inline;

答案:display:block;

下面哪个jQuery方法用于隐藏被选元素？（）

A:hide()

B:hidden()

C:visible(false)

D:display:none;

答案:hide()

当鼠标经过列表元素时，其包含的图片变透明（透明度为0.7），该如何设置？（）

A:li:linkimg{opacity:0.7;};

B:li:hoverimg{rgba:0.7;};

C:li:hoverimg{opacity:0.7;};

D:li:linkimg{display:0.7;};

答案:li:hoverimg{opacity:0.7;};

jQuery是通过哪种脚本语言编写的？（）

A:VBScript

B:C++

C:JavaScript

D:Java

答案:JavaScript

CSS代码：#container{margin:0auto;width:85%;}，此代码的含义是什么？（）

A:可变宽度网页不居中

B:固定宽度网页不居中

C:可变宽度网页居中

D:固定宽度网页居中

答案:可变宽度网页居中

浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷，其高度为0。你可以按以下哪些方法处理?（）

A:使用clearfix;

B:设置父元素浮动。

C:在浮动元素后加个div设置clear:both;height:0;overflow:hidden;

D:在紧接着父元素后面的元素设置clear:both;清除浮动

答案:使用clearfix;

；设置父元素浮动。

；在浮动元素后加个div设置clear:both;height:0;overflow:hidden;

；在紧接着父元素后面的元素设置clear:both;清除浮动

第五章单元测试

如果背景图像比容器小，默认情况下会发生什么？（）

A:图像会按比例放大，撑满容器，多余的会被剪切

B:图像只显示一张，其余地方留白

C:图像被拉伸撑满整个容器

D:图像会被平铺覆盖整个容器

答案:图像会被平铺覆盖整个容器

当上下两个容器都设置了外边距为20px，那么这两个盒子的垂直外边距和是多少？（）

A:20px

B:80px

C:40px

D:10px

答案:20px

CSS代码：.box{width:100px;height:50px;}，若想使盒子里的单行文本水平和垂直居中，该如何设置？（）

A:margin:0auto;line-height:50px;

B:text-align:center;line-height:100px;

C:margin:0auto;text-align:center;

D:text-align:center;line-height:50px;

答案:text-align:center;line-height:50px;

下列哪项是设置了绝对定位？（）

A:position:relative；

B:position:inherit；

C:position:absolute；

D:position:fixed；

答案:position:absolute；

下列哪项是设置字体大小为20px，且字体加粗，并添加下划线？（）

A:p{font-size:20px;font-weight:normal;text-decoration:underline;}

B:p{font-size:20px;font-weight:bold;text-decoration:nonee;}

C:p{size:20px;font-weight:bold;text-decoration:underline;}

D:p{font-size:20px;font-weight:bold;text-decoration:underline;}

答案:p{font-size:20px;font-weight:bold;text-decoration:unde