静态网页设计智慧树知到课后章节答案2023年下云南农业职业技术学院

静态网页设计智慧树知到课后章节答案2023年下云南农业职业技术学院云南农业职业技术学院

项目一测试

W3C不包括（）。

A:cssB:结构化标准语言C:DreamiweaverD:DOM

答案:Dreamiweaver

（）标签显示HTML5文档的标题。

A:topB:metaC:bodyD:title

答案:title

链接显示的内容为pic1.gif图片的正确写法是（）。

A:<ahref=“链接地址"><imgsrc="pic1.gif"><fa>B:<asrc=“链接地址"><imgalt="pic1.gif"><ia>C:<asrc=“链接地址"><imghref="pic1.gif">cia>D:hrefa=“锭接地址"><imgsrc="pic1.gif"></href>

答案:<ahref=“链接地址"><imgsrc="pic1.gif"><fa>

关于br标签和p标签，下列说法错误的是（）。

A:br标签经常会设置属性参数B:p标签表示以段落的方式组织内容，它可以为文字、图片、表格等之间留—个空白行C:p标签align属性用于设置标签内容的水平对齐方式D:br为换行标签，其作用是在不另起一段的情况下，将当前的文字、图片以及表格等强制换行显示于下一行

答案:br标签经常会设置属性参数

表格中tr和td标签的含义是（）。

A:行，行间距B:表格标题，行C:行，列D:列，列间距

答案:行，列

项目二测试

链接外部样式的正确写法是（）。

A:<linkrel="stylesheet"type="texticss"href=~newstyle.css">B:<linktype="text/css”href="newstyle.css”>C:<linkhref="stylesheet”type="text/css"rel="newstyle.css">D:<linkrel="stylesheet"href="newstyle.css”>

答案:<linkrel="stylesheet"type="texticss"href=~newstyle.css">

下面（）是已被访问过呈红色文字的样式。

A:a:hover{color:inherit;}B:axvisited{color:inherit;}C:a:link{color:inherit;}D:a:active{color:inherit;}

答案:axvisited{color:inherit;}

CSS3规定选择器的优先级从高到低为（）。

A:行内样式→ID样式→类样式→标签样式B:ID样式→类样式→标签样式→行内样式C:行内样式→类样式→ID样式→标签样式D:行内样式→标签样式→ID样式→类样式

答案:行内样式→ID样式→类样式→标签样式

类选择器的正确写法是（）。

A:#D标识名{属性1:属性值1;属性2:属性值2;.....}B:#类名{属性1∶属性值1;属性2:属性值2;......}C:.类名{属性1∶属性值1;属性2:属性值2;.....}D:标签名{属性1:属性值1;属性2:属性值2;.....}

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

为div设置类a与b，应编写HTML代码（）。

A:div:a,div:b{}B:div：a,b{}C:div.a,div.b{}D:diva,b{}

答案:div.a,div.b{}

项目三测试

表示背景图像定位的CSS属性为（）。

A:background-positionB:background-seatC:background-locationD:bg-position

答案:background-position

CSS3中，背景色从蓝色到黑色，并且由左到右线性渐变的正确写法是（）。

A:background:linear-gradient(-90deg,blue,black)B:background:linear-gradient(torightbottom,blue,black)C:background-position:linear-gradient(toright,blue,black)D:background:linear-gradient(torightblue,black)

答案:background:linear-gradient(torightblue,black)

表示背景图像apple.gif只在水平方向上平铺的CSS属性定义为（）。

A:background-image:url(apple.gif);bg-repeat:repeat-xB:background-image:url(apple.gif);background-repeat:repeat-yC:background-image:apple.gif;background-repeat:repeat-xD:background-image:url(apple.gif);background-repeat:repeat-x

答案:background-image:url(apple.gif);background-repeat:repeat-x

关于CSSSprites，说法错误的是（）。

A:cssSprites的实现原理是将—张图片不同区域的图像设置为不同元素的背景。B:cssSprites在国内也称之为CSS精灵，它是—种图片网页应用处理方式C:cssSprites允许将一个页面涉及到的所有零星图片均包含到—张大图中D:不管是否使用cSSSprites，对服务器的请求欠数都是—样的。

答案:不管是否使用cSSSprites，对服务器的请求欠数都是—样的。

CSS3中，设置文字阴影的正确写法是（）。

A:text-shadow:v-shadowh-shadowblurcolorB:text-shadow:v-shadowh-shadowcolorblurC:text-shadow:h-shadowv-shadowcolorblurD:text-shadow:h-shadowv-shadowblurcolor

答案:text-shadow:h-shadowv-shadowblurcolor

项目四测试

HTML5中doctype标签的正确定义是（）。

A:<1DOCTYPEhtmlPUBLC"-/WSC/DTDXHTML1.0Transitional/EN""http://TR/xhtml1/DTD/xhtml1-transitional.dtd"B:<ldoctypehtml5>C:<ldoctypehtml>D:<DOCTYPEHTMLPUBLIC"-//W3CI/DTDHTML4.01Transitionalf/EN""http;!//TR/html4/loose.dtd">

答案:<ldoctypehtml>

清除浮动的正确写法是（）。

A:clear:noneB:clear:leftC:clearrightD:clear:both

答案:clear:both

有关页面布局，说法错误的是（）。

A:遢布流布局是流式布局的一种，主要适用于内容比较规整的页面B:由于table标签可以在显示时使单元格的边框和间距为0，即不显示边框，因此可以将网页中的内容按版式划分放入表格的各单元格中C:float先水平排列，然后再垂直排列;masonry则垂直排列元素，然后将下一个元素放置到网格中的下一个开发区域D:流式布局是默认的页面布局方式，该布局的主要表现形式是从左到右对该容器中的控件进行布局，当—行不能容纳时自动换行

答案:遢布流布局是流式布局的一种，主要适用于内容比较规整的页面

CSS样式表不可能实现（）功能。

A:将格式和结构分离B:兼容所有的浏览器C:控制图片的精确位苦D:—个CSS文件控制多个网页

答案:兼容所有的浏览器

项目五测试

Table标签中cellspacing和cellspadding属性的含义是（）。

A:边框，单元格间距B:单元格填充，边框C:单元格间距，边框D:单元格间距，单元格填充

答案:单元格间距，单元格填充

有关div和span标签，下列说法错误的是（）。

A:多个span标签的排列次序是从左到右。B:默认情况下，div元素将占满一行，当存在多个div元素时，将按照从上到下的方式非列,C:默认情况下，多个span标签不可以存在于同行。D:divs标签和span标签均为容器类标签，可以在其中存放其他标签。

答案:默认情况下，多个span标签不可以存在于同行。

form的（）属性用于设置处理表单提交数据的URL。

A:actB:actionC:nameD:method

答案:action

input元素的type属性值为（）表示该按钮为复选框按钮。

A:radioB:selectC:checkboxD:multiChecked

答案:checkbox

表格中某一行跨2行，正确的写法的是<trlinespan=2>...<ftr>。（）

A:对B:错

答案:错

项目六测试

若要在网页中实现两个div重叠，需要应用样式表定义中的（）。

A:容器属性B:z-index属性C:绝对位苦和相对位苦属性D:CSS滤镜

答案:绝对位苦和相对位苦属性

用于设置表格背景颜色的属性的是（）。

A:backgroundB:backgroundColorC:borderColorD:bgcolor

答案:bgcolor

HTML盒子所占空间的计算公式为（）。

A:内容的宽度+左边距+右边距+左边框宽度+右边框宽度+左外边距+右外边距B:内容的宽度+左边距+右边距+左边框宽度+右边框宽度C:内容的宽度+左边距+右边距+左外边距+右外边距D:内容的宽度＋左边框宽度+右边框宽度＋左外边距+右外边距

答案:内容的宽度+左边距+右边距+左边框宽度+右边框宽度+左外边距+右外边距

标签定位在距其父标签左边50px，下边100px的CSS正确写法是（）。

A:{position:fixed;left:50px;top:100px;}B:{position:absolute;left:5Opx;top:100px;}C:{position:static;left:5Opx;top:100px}D:{position:relative;left:50px;top:100px;}

答案:{position:absolute;left:5Opx;top:100px;}

以下代码（）将隐藏div内容，并且被隐藏的内容不占屏幕的空间。

A:<divstyle="display:none;"></div>B:<divstyle="visibility:hidden;"></div>C:<divstyle="visibility:visible;"></div>D:<divstyle="display:block;"><fdiv>

答案:<divstyle="display:none;"></div>

项目七测试

关于块状元素和行内元素，以下说法正确的有（）。

A:元素img、span、br、a是行内元素B:行内元素设置width属性、height属性时无效，但可以设置iline-height属性。另外，行内元素在设置margin属性、pading属性时，对于上下方向上是无效的C:块内元素按照从左到右的方式进行排列，多个块内元素显示在同一行，只有当一行排列完毕后，才会开始一个新行。D:p、div、table、ul、ol是块状

答案:元素img、span、br、a是行内元素;行内元素设置width属性、height属性时无效，但可以设置iline-height属性。另外，行内元素在设置margin属性、pading属性时，对于上下方向上是无效的;p、div、table、ul、ol是块状

关于盒子之间的位置关系，以下说法正确的有（）。

A:margin同border和padding一样，都只能取正数。B:当两个盒子在页面中水平排列时，若同时设置第一个盒子的margin-right以及第二个盒子的margin-left，此时两个盒子之间的水平距离则是margin-left与margin-ight之和C:当两个盒子在页面中垂直排列时，若同时设置第一个盒子的margin-bottom以及第二个盒子的margin-top，此时，两个盒子之间的垂直距离是两者之和D:当两个盒子在页面中垂直排列时，若同时设置第一个盒子的margin-bottom以及第二个盒子的margin-top，此时，两个盒子之间的垂直距离是两者中的大值

答案:当两个盒子在页面中水平排列时，若同时设置第一个盒