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

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

第一章测试

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

A:<h1>B:<enter>C:<br/>D:<hr/>

答案:<br/>

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

A:<linkhref="main.css"type="text/css"rel="stylesheet">B:<linktype="text/css"rel="stylesheet">C:<linkhref="main.css"type="text/css">D:<includehref="main.css"type="text/css"rel="stylesheet">

答案:<linkhref="main.css"type="text/css"rel="stylesheet">

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

A:转义序列必须以分号结束B:特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成C:转义序列各字符间可以有空格D:可以通过菜单栏直接插入相应特殊字符的代码

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

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

A:_doubleB:_newC:_selfD:_blank

答案:_self;_blank

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

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

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

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

A:<br/>B:<hr/>C:<h1>D:<p>

答案:<h1>;<p>

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

A:psd格式B:jpg格式C:png格式D:gif格式

答案:png格式;gif格式

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

A:<br/>B:<h1>C:<hr/>D:<p>

答案:<br/>;<hr/>

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

A:在HTML标记中分为单标记和双标记B:注释标记是HTML中的一种特殊标记C:<h2>二级标题是一个单标记D:<p></p>是一个双标记

答案:在HTML标记中分为单标记和双标记;注释标记是HTML中的一种特殊标记;<p></p>是一个双标记

关于<br/>标记的描述，下列说法正确的是（）

A:<br/>标记和<p>标记具有相同的语义B:使用换行标记<br/>的段落可以实现强制换行的效果C:在代码中，可以直接通过回车来实现换行效果，从而不用使用<br/>标记D:<br/>标记可以连续使用，比如<br/><br/>

答案:使用换行标记<br/>的段落可以实现强制换行的效果;<br/>标记可以连续使用，比如<br/><br/>

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

A:、DreamweaverB:、sublimeC:EditplusD:、Photoshop

答案:、Dreamweaver;、sublime;Editplus

关于<p>标记的描述，下列说法正确的是（）

A:<p>标记里面可以放置<img/>标记B:<p>标记可以嵌套使用，比如<p><p></p></p>C:<p>标记可以给文本添加“段落”语义D:<p>标记里面可以放置<h3>标记

答案:<p>标记里面可以放置<img/>标记;<p>标记可以给文本添加“段落”语义

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

A:属性值不放在引号中也是正确的B:部分标志性属性的属性值可以省略C:标签可以不区分大小写D:所有标志性属性的属性值都可以省略

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

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

A:标记可以拥有多个属性B:在标记的嵌套过程中，必须先结束最靠近内容的标记，再按照由外及内的顺序依次关闭标记C:<p>标记中可以嵌套<p>标记D:属性之间不分先后顺序

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

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

A:B:<b></b>C:<del></del>D:<i></i>

答案:;<b></b>;<del></del>;<i></i>

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

A:B:C:<b></b>D:<del></del>

答案:;<b></b>

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

A:对B:错

答案:错

一个HTML5文档可以含有多对<head>标记。（）

A:对B:错

答案:错

一个HTML5文档只能含有一对<body>标记，且<body>标记必须在<html>标记内。（）

A:对B:错

答案:对

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

A:对B:错

答案:对

第二章测试

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

A:<li></li>B:<dl></dl>C:<dd></dd>D:<dt></dt>

答案:<dd></dd>

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

A:asideB:footerC:navD:header

答案:header

HTML5中（）元素可替代<divid=“footer”></div>标记来定义页面底部。

A:footerB:asideC:navD:header

答案:footer

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

A:summaryB:footerC:navD:header

答案:summary

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

A:typeB:backgroundC:valueD:start

答案:type;value;start

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

A:有序列表中只能嵌套有序列表B:无序列表和有序列表可以相互嵌套C:无序列表中只能嵌套无序列表D:<li>与</li>之间相当于一个容器，可以嵌套无序列表、有序列表等网页元素

答案:无序列表和有序列表可以相互嵌套;<li>与</li>之间相当于一个容器，可以嵌套无序列表、有序列表等网页元素

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

A:maxB:valueC:lowD:min

答案:max;value

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

A:<td></td>B:<dd></dd>C:<li></li>D:<dl></dl>

答案:<dd></dd>;<dl></dl>

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

A:lowB:minC:maxD:value

答案:low;min;max;value

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

A:每对<ul></ul>中至少应包含一对<li></li>。B:<ul></ul>标记用于定义无序列表。C:<li>不可以定义type属性，只能使用CSS样式属性代替。D:<li></li>标记嵌套在<ul></ul>标记中，用于描述具体的列表项。

答案:每对<ul></ul>中至少应包含一对<li></li>。;<ul></ul>标记用于定义无序列表。;<li></li>标记嵌套在<ul></ul>标记中，用于描述具体的列表项。

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

A:错B:对

答案:对

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

A:错B:对

答案:对

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

A:错B:对

答案:对

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

A:对B:错

答案:对

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

A:错B:对

答案:错

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

A:对B:错

答案:对

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

A:错B:对

答案:错

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

A:对B:错

答案:对

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

A:错B:对

答案:错

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

A:错B:对

答案:错

第三章测试

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

A::nth-child(n)B::last-childC::notD::first-child

答案::first-child

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

A:兄弟选择器B:子代选择器C:伪类选择器D:属性选择器

答案:子代选择器

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

A:对B:错

答案:对

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

A:错B:对

答案:对

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

A:对B:错

答案:对

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

A:错B:对

答案:错

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

A:对B:错

答案:对

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

A:错B:对

答案:对

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

A:对B:错

答案:错

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

A:对B:错

答案:对

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

A:错B:对

答案:对

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

A:对B:错

答案:对

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

A:错B:对

答案:对

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

A:错B:对

答案:错

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

A:对B:错

答案:对

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

A:对B:错

答案:对

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

A:错B:对

答案:对

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

A:错B:对

答案:对

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

A:对B:错

答案:对

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

A:对B:错

答案:错

第四章测试

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

A:{font:24px;}B:{fontSize:24px;}C:{font-size:24px;}D:{size:24px;}

答案:{font-size:24px;}

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

A:p.strong{font-weight:bold;}B:p#div{font-weight:bold;}C:p,strong{font-weight:bold;}D:pstrong{font-weight:bold;}

答案:pstrong{font-weight:bold;}

页面上的div标签，其HTML代码为<divid="box"style="color:red">文字</div>，为其设置CSS样式如下：

#box{

color:blue;

}

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

A:蓝色B:红色C:黑色

答案:红色

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

A:.p,test{color:inherit;}B:p#test{color:inherit;}C:p.test{color:inherit;}D:.p.test{color:inherit;}

答案:p.test{color:inherit;}

如果使用内嵌式CSS样式表定义<p>标记字号为12像素，链入式定义<p>标记颜色为红色，那么段落文本将显示为（）

A:只显示12像素B:12像素红色C:只显示红色

答案:12像素红色

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

<divid="father">

<pclass="son">传智播客</p>

</div>

对应的CSS样式代码如下：

#father#son{

color:red;

}

#fatherp{

color:blue;

}

div.son{

color:yellow;

}

divp{

color:green;

}

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

A:黄色B:红色C:绿色D:蓝色

答案:红色

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

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;}

页面上的div标签，其HTML代码为<divid="box"class="red">文字</div>，为其设置CSS样式如下：

#box{

color:blue;

}

.red{

color:red;

}

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

A:白色B:蓝色C:红色D:黑色

答案:蓝色

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

A:{font-family:“黑体”;}B:{font-family:黑体;}C:{fontFamily:“黑体”;}

D:{font-Family:“黑体”;}

答案:{font-family:“黑体”;}

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

A:<pstyle="font-size:12px;color:inherit;">段落文本</p>B:<pstyle=font-size:12px;color:inherit;>段落文本</p>C:<pstyle="font:12px;color:inherit;">段落文本</p>D:<pstyle="font-size:12px,color:inherit;">段落文本</p>

答案:<pstyle="font-size:12px;color:inherit;">段落文本</p>

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

A:对B:错

答案:错

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

A:对B:错

答案:错

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

A:对B:错

答案:错

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

A:对B:错

答案:错

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

A:对B:错

答案:错

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

A:对B:错

答案:对

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

A:对B:错

答案:错

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

A:对B:错

答案:对

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

A:错B:对

答案:错

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

A:对B:错

答案:对

第五章测试

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

A:336pxB:366pxC:333pxD:363px

答案:336px

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

A:padding-leftB:padding-rightC:text-indentD:margin-left

答案:padding-left

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

A:.box的总宽度为200pxB:.box的总宽度为235pxC:.box的总宽度为270px

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

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

A:border:1pxsolidblue;B:border-top:1pxdashedblue;C:border:1pxdashedblue;D:border-top:1pxsolidblue;

答案:border-top:1pxsolidblue;

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

A:盒子模型中的宽度和高度属性仅适用于块级元素B:盒子模型中的宽度和高度属性仅适用于行内元素C:盒子模型中的宽度和高度属性适用于所有元素

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

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

A:p{background-position:left10;}B:p{background-position:top10;}C:p{background-position:lefttop;}D:p{background-position:10top;}

答案:p{background-position:lefttop;}

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

A:paddingB:typeC:borderD:margin

答案:margin

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

A:background-attachment:scroll;B:background-attachment:fixed;C:background-repeat:repeat-x;D:background-repeat:no-repeat;

答案:background-repeat:repeat-x;;background-repeat:no-repeat;

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

A:padding-rightB:text-indentC:margin-leftD:margin

答案:margin-left;margin

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

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

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

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

A:对B:错

答案:错

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

A:错B:对

答案:对

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

A:对B:错

答案:对

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

A:对B:错

答案:错

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

A:错B:对

答案:对

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

A:对B:错

答案:错

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

A:错B:对

答案:错

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

A:对B:错

答案:对

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

A:对B:错

答案:对

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

A:对B:错

答案:对

第六章测试

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

A:email类型B:number类型C:search类型D:tel类型

答案:search类型

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

A:line-throughB:uppercaseC:lowercase

D:capitalize

答案:line-through

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

A:<form>B:<input/>C:<select></select>D:<textarea></textarea>

答案:<select></select>

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

A:autofocus属性B:required属性C:multiple属性D:autocomplete属性

答案:required属性

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

A:autofocus属性B:multiple属性C:form属性D:autocomplete属性

答案:autofocus属性

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

A:email类型B:url类型C:tel类型D:number类型

答案:number类型

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

A:nameB:sizeC:actionD:method

答案:size

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

“background、url(images/1.jpg)no-repeat5pxcenter#FFF;”

上述代码的含义是（）。

A:定义input控件的文本颜色B:定义input控件的文本宽高C:定义input控件的内边距D:定义input控件的背景

答案:定义input控件的背景

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

A:actionB:autocompleteC:novalidateD:method

答案:autocomplete

下列选项中，属于<select>和<option>标记常用属性的是（）。

A:selectedB:multipleC:sizeD:value

答案:selected;multiple;size

在定义下拉列表时，<option></option>标记必须嵌套在<select></select>标记中。（）

A:对B:错

答案:对

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

A:对B:错

答案:错

在定义下拉列表时，<optgroup></optgroup>标记用于定义选项组，必须嵌套在<select></select>标记中。（）

A:对B:错

答案:对

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

A:对B:错

答案:对

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

A:错B:对

答案:对

在使用<datalist>标记时，需要通过id属性为其指定一个唯一的标识，然后为input元素指定list属性，将该属性值设置为option元素对应的id属性值即可。（）

A:对B:错

答案:对

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

A:错B:对

答案:对

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

A:对B:错

答案:对

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

A:对B:错

答案:错

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

A:对B:错

答案:对

第七章测试

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

A:animation-delay:3;B:animation-timing-function:3;C:animation-iteration-count:3;D:animation:3;

答案:animation-iteration-count:3;

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

A:animation-timing-function属性B:animation-delay属性C:animation-duration属性D:animation-direction属性

答案:animation-delay属性

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

A:ease-outB:linearC:easeD:ease-in

答案:ease

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

A:animation-direction属性B:animation-timing-function属性C:animation-iteration-count属性D:animation-delay属性

答案:animation-iteration-count属性

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

A:animation-direction属性B:animation-iteration-count属性C:animation-timing-function属性D:animation-delay属性

答案:animation-direction属性

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

A:scale()方法B:translate（）方法C:rotate()方法D:skew()方法

答案:skew()方法

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

A:transition-property属性B:transition-timing-function属性C:transition-delay属性D:transition-duration属性

答案:transition-delay属性

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

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

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

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

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

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

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

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

A:animation:mymove32slinear5salternate;B:animation:mymovelinear2s5s3alternate;C:animation:mymove5slinear2s3alternate;D:animation:mymove2slinear5s3alternate;

答案:animation:mymovelinear2s5s3alternate;

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

A:animation-direction属性B:animation-duration属性C:animation-delay属性D:animation-timing-function属性

答案:animation-duration属性

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

A:animation-direction:false;B:animation-direction:alternate;C:animation-direction:normal;D:animation-direction:true;

答案:animation-direction:alternate;

InternetExplorer10、Firefox以及Opera不支持@keyframes规则和animation属性。（）

A:对B:错

答案:错

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

A:对B:错

答案:对

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

A:错B:对

答案:对

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

A:错B:对

答案:错

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

A:错B:对

答案:错

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

A:错B:对

答案:错

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

A:对B:错

答案:对

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

A:对B:错

答案:对

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

A:错B:对

答案:对