Web前端开发基础知到智慧树章节测试课后答案2024年秋兰州石化职业技术大学

Web前端开发基础知到智慧树章节测试课后答案2024年秋兰州石化职业技术大学第一章单元测试

Dreamweaver中，使用浏览器预览网页的快捷键是（）。

A:F5

B:Ctrl+F12

C:F12

D:Ctrl+S

答案:Ctrl+F12

外部事件＜html＞标记标志着HTML文档的开始，＜/html＞标记标志着HTML文档的结束。（）

A:错B:对

答案:对一个HTML5文档可以含有多对＜head＞标记。（）

A:对B:错

答案:错浏览器中显示的所有文本、图像、音频和视频等信息都必须位于＜body＞标记内（）

A:对B:错

答案:对一个HTML5文档只能有一对＜body＞标记，切＜body＞标记必须在＜html＞标记内。（）。

A:对B:错

答案:对＜!DOCTYPE＞标记和浏览器的兼容性无关，为了代码简洁，可以删掉。（）。

A:错B:对

答案:错＜title＞标记用于定义HTML5文档的头部信息，也称为头部标记。（）

A:错B:对

答案:错

第二章单元测试

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

A:footer

B:aside

C:nav

D:Header2

答案:footer

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

A:“＜dl＞＜/dl＞”

B:“＜dd＞＜/dd＞”

C:“＜li＞＜/li＞”

D:“＜dt＞＜/dt＞”

答案:“＜dd＞＜/dd＞”

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

A:type

B:start

C:background

D:value

答案:type

；start

；value

HTML5中，article元素代表文档、页面或者应用程序中与上下文不相关的独立部分。（）

A:错B:对

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

A:错B:对

答案:对

第三章单元测试

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

A:p.strong{font-weight:bold;}

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

C:p#div{font-weight:bold;}

D:pstrong{font-weight:bold;}

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

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

A:.类名{属性1:”属性值1”;属性2:”属性值2”;属性3:”属性值3”;}

B:.类名{属性值1;属性值2;属性值3;}

C:.类名{属性1:属性值1,属性2:属性值2,属性3:属性值3;}

D:.类名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

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

在CSS中，两个或多个基础选择器可以通过不同的方式进行组合。下列写法错误的是（）。

A:.myDiv.mySpan

B:.myDiv#mySpa

C:myDiv.mySpan

D:myDiv.mySpan

答案:.myDiv#mySpa

通配符选择器用“*”号表示，能匹配页面中所有的元素。（）

A:错B:对

答案:对类选择器使用“#”进行标识，后面紧跟类名。（）

A:错B:对

答案:错通配符选择器设置的样式对所有的HTML标记都生效，不管标记是否需要该样式，这样反而降低了代码的执行速度。（）

A:错B:对

答案:对id选择器使用“*“进行标识，后面紧跟id名。（）。

A:对B:错

答案:错标记选择器是指用HTML标记名称作为选择器，为页面中某一类标记指定统一的CSS样式。（）。

A:错B:对

答案:对大多数HTML元素都可以定义id属性，元素的id值是唯一的，只能对应于文档中某一个具体的元素。（）

A:错B:对

答案:对在很多浏览器下，同一个id可以应用于多个标记，浏览器并不报错，因此这种做法是合法的。（）

A:错B:对

答案:错

第四章单元测试

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

A:兄弟选择器

B:属性选择器

C:伪类选择器

D:子代选择器

答案:子代选择器

CSS3中，:after伪元素选择器所插入的内容可以为文字或者图片。（）

A:对B:错

答案:对CSS3中，E[att^=value]属性选择器是指选择名称为E的标记，且该标记定义了att属性，att属性值包含后缀为value的子字符串。（）

A:对B:错

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

A:对B:错

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

A:对B:错

答案:错

第五章单元测试

CSS背景复合属性中，各个属性间用逗号隔开。（）

A:错B:对

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

A:错B:对

答案:对宽度属性width和高度属性height对块元素无效。（）

A:对B:错

答案:错在径向渐变过程中，起始颜色会从一个中心点开始，依据椭圆或圆形形状进行扩张渐变。（）

A:错B:对

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

A:对B:错

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

A:border-top:1pxdashedblue;

B:border:1pxdashedblue;

C:border-top:1pxsolidblue;

D:border:1pxsolidblue;

答案:border-top:1pxsolidblue;

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

A:text-indent

B:margin-left

C:padding-right

D:padding-left

答案:padding-left

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

A:.box的总宽度为200px

B:说法均错误

C:.box的总宽度为235px

D:.box的总宽度为270px

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

下列选项中，属于边框样式常用属性值的是（）。

A:solid

B:dotted

C:none

D:dashed

答案:solid

；dotted

；none

；dashed

下列关于＜div＞标记的描述正确的是（）。

A:＜div＞中还可以嵌套多层＜div＞。

B:＜div＞与＜/div＞之间相当于一个容器，可以容纳段落、标题、图像等各种网页元素。

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

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

答案:＜div＞中还可以嵌套多层＜div＞。

；＜div＞与＜/div＞之间相当于一个容器，可以容纳段落、标题、图像等各种网页元素。

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

第六章单元测试

下列样式代码中，可以实现绝对定位模式的是（）。

A:position:static;

B:position:fixed;

C:position:relative;

D:position:absolute;

答案:position:absolute;

＜div＞标记是网页布局中最常用的标记，其显示类型为（）。

A:行内类型

B:浮动类型

C:行内块类型

D:块级类型

答案:块级类型

下列样式代码中，可以将＜span＞标记转换为块元素的是（）。

A:display:inline;

B:display:block;

C:display:none;

D:display:inline-block;

答案:display:block;

关于元素的相对定位模式，下列说法正确的是（）。

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

B:当position属性的取值为absolute时，可以将元素定位于相对位置

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

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

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

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

下列选项中，属于行内元素的是（）。

A:＜span＞

B:＜em＞

C:＜strong＞

D:＜a＞

答案:＜span＞

；＜em＞

；＜strong＞

；＜a＞

关于元素的静态定位模式，下列说法正确的是（）。

A:可以通过边偏移属性来改变静态定位元素的位置

B:当position属性的取值为static时，可以将元素定位于静态位置

C:静态定位时各个元素在HTML文档流中默认的位置

D:静态定位是元素的默认定位方式

答案:当position属性的取值为static时，可以将元素定位于静态位置

；静态定位时各个元素在HTML文档流中默认的位置

；静态定位是元素的默认定位方式

下列选项中，属于块级元素的是（）。

A:＜ul＞

B:＜h1＞

C:＜p＞

D:＜div＞

答案:＜ul＞

；＜h1＞

；＜p＞

；＜div＞

overflow属性用于规范溢出内容的显示方式，下列选项中属于overflow常用属性值的是（）。

A:visible

B:scroll

C:auto

D:hidden

答案:visible

；scroll

；auto

；hidden

＜span＞是一个行内元素，它需要设置display属性值为block后才能设置宽高。()

A:错B:对

答案:对＜span＞是一个行内元素，＜span＞与＜/span＞之间不能嵌套多层＜span＞。()

A:错B:对

答案:错

第七章单元测试

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

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

上述代码的含义是（）。

A:定义input控件的背景

B:定义input控件的内边距

C:定义input控件的文本宽高

D:定义input控件的文本颜色

答案:定义input控件的背景

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

A:action

B:size

C:method

D:name

答案:size

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

A:number类型

B:email类型

C:url类型

D:tel类型

答案:number类型

output元素用于不同类型的输出，下列属于output元素属性的是（）。

A:for属性

B:disabled属性

C:form属性

D:name属性

答案:for属性

；form属性

；name属性

下列选项中，属于input控件的是（）。

A:复选框

B:单选按钮

C:单行文本输入框

D:提交按钮

答案:复选框

；单选按钮

；单行文本输入框

；提交按钮

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

A:错B:对

答案:对datalist元素用于定义输入框的选项列表，列表通过datalist内的option元素进行创建。()

A:对B:错

答案:对color类型用于提供设置颜色的文本框，用于实现一个RGB颜色输入。()

A:对B:错

答案:对在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“单选”才会生效。()

A:对B:错

答案:对＜textarea＞用来定义单行文本框。()

A:错B:对

答案:错

第八章单元测试

运用HTML5的下列哪个标签可以在页面中嵌入视频或音频文件（）。

A:img

B:body

C:video

D:title

答案:video

下面的选项中，哪个不是音频格式（）。

A:Vorbis

B:MP3

C:Wav

D:Ogg

答案:Ogg

在网页设计中，多媒体技术主要是指在网页上运用下列哪个选项传递信息的一种方式（）。

A:动画

B:表格

C:图片

D:音频视频

答案:音频视频

source元素中的type用于指定媒体文件的URL地址。（）

A:对B:错

答案:错在HTML5中，经常会通过为video元素添加宽高的方式给视频预留一定的空间。（）

A:错B:对

答案:对在HTML5中，运用source元素可以为video元素或audio元素提供多个备用文件。（）

A:对B:错

答案:对html5支持Ogg、MPEG4和WebM的视频格式以及Vorbis、MP3和Wav的音频格式，但各浏览器对这些格式却不完全支持。（）。

A:对B:错

答案:对运用HTML5的audio标签可以在页面中嵌入视频或音频文件。（）

A:对B:错

答案:对音频编码器主要用于对数据流进行编码操作，解码器主要用于对音频文件进行解码。（）

A:错B:对

答案:对视频编解码器定义了多媒体数据流编码和解码的算法。其中编码器主要是对数据流进行编码操作，用于存储和传输。（）

A:错B:对

答案:错

第九章单元测试

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

A:transition-timing-function属性

B:transition-duration属性

C:transition-property属性

D:transition-delay属性

答案:transition-duration属性

下列选项中，用于指定应用过渡效果的CSS属性名称的属性是（）。

A:transition-delay属性

B:transition-duration属性

C:transition-timing-function属性

D:transition-property属性

答案:transition-property属性

下列选项中，属于transition-timing-function属性取值的有（）。

A:ease-out

B:ease

C:linear

D:ease-in

答案:ease-out

；ease

；linear

；ease-in

下列选项中，属于animation-timing-function常用属性值的是（）。

A:linear

B:ease-in-out

C:ease-in

D:ease-out

答案:linear

；ease-in-out

；ease-in

；ease-out

transition-property属性设置的过渡效果通常在用户将指针离开元素上