第一章 单元测试
1、单选题:
Dreamweaver中,使用浏览器预览网页的快捷键是( )。
选项:
A:F5
B:F12
C:Ctrl+F12
D:Ctrl+S
答案: 【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:nav
B:aside
C:footer
D:Header2
答案: 【footer
】
2、单选题:
在定义列表中,用于对名词进行解释和描述的标记是( )。
选项:
A:“<dt></dt>”
B:“<dd></dd>”
C:“<dl></dl>”
D:“<li></li>”
答案: 【“<dd></dd>”
】
3、多选题:
下列选项中,属于定义有序列表相关属性的是( )
选项:
A:background
B:type
C:value
D:start
答案: 【type
;value
;start
】
4、判断题:
HTML5中,article元素代表文档、页面或者应用程序中与上下文不相关的独立部分。( )
选项:
A:错
B:对
答案: 【对】
5、判断题:
在HTML5中,一个网页中可以使用多个header元素,也可以为每一个内容块添加header元素。( )
选项:
A:对
B:错
答案: 【对】
第三章 单元测试
1、单选题:
下列选项中,符合后代选择器书写要求的是( )。
选项:
A:p#div{ font-weight:bold; }
B:p strong{ font-weight:bold; }
C:p.strong{ font-weight:bold; }
D: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;}
答案:
3、单选题:
在CSS中,两个或多个基础选择器可以通过不同的方式进行组合。下列写法错误的是( )。
选项:
A:.myDiv #mySpa
B:.myDiv.mySpan
C:myDiv .mySpan
D:myDiv.mySpan
答案:
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:1px solid blue;
B:border-top:1px solid blue;
C:border:1px dashed blue;
D:border-top:1px dashed blue;
答案:
7、单选题:
下列选项中,用于更改元素左内边距的是( )。
选项:
A:padding-left
B:padding-right
C:margin-left
D:text-indent
答案:
8、单选题:
关于样式代码“.box{width:200px; padding:15px; margin:20px;}”下列说法正确的是( )。
选项:
A:.box的总宽度为 235px
B:说法均错误
C:.box的总宽度为 270px
D:.box的总宽度为200px
答案:
9、多选题:
下列选项中,属于边框样式常用属性值的是( )。
选项:
A:dotted
B:none
C:dashed
D:solid
答案:
10、多选题:
下列关于<div>标记的描述正确的是( )。
选项:
A:<div>与</div>之间相当于一个容器,可以容纳段落、标题、图像等各种网页元素。
B:所有的HTML标记都可以嵌套在<div>中。
C:<div> 可定义文档中的分区或节。
D:<div>中还可以嵌套多层<div>。
答案:
第六章 单元测试
1、单选题:
下列样式代码中,可以实现绝对定位模式的是( )。
选项:
A:position: fixed;
B:position: relative;
C:position: absolute;
D:position: static;
答案:
2、单选题:
<div>标记是网页布局中最常用的标记,其显示类型为( )。
选项:
A:行内类型
B:浮动类型
C:行内块类型
D:块级类型
答案:
3、单选题:
下列样式代码中,可以将<span>标记转换为块元素的是( )。
选项:
A:display:block;
B:display:inline-block;
C:display:inline;
D:display:none;
答案:
4、多选题:
关于元素的相对定位模式,下列说法正确的是( )。
选项:
A:当position属性的取值为absolute时,可以将元素定位于相对位置
B:可通过边偏移属性改变相对定位元素的位置
C:应用相对定位后,元素在文档流中的位置将消失
D:相对定位是将元素相对于他在标准文档流中的位置进行定位
答案:
5、多选题:
下列选项中,属于行内元素的是( )。
选项:
A:<a>
B:<strong>
C:<em>
D:<span>
答案:
6、多选题:
关于元素的静态定位模式,下列说法正确的是( )。
选项:
A:当position属性的取值为static时,可以将元素定位于静态位置
B:静态定位时各个元素在HTML文档流中默认的位置
C:静态定位是元素的默认定位方式
D:可以通过边偏移属性来改变静态定位元素的位置
答案:
7、多选题:
下列选项中,属于块级元素的是( )。
选项:
A:<p>
B:<h1>
C:<div>
D:<ul>
答案:
8、多选题:
overflow属性用于规范溢出内容的显示方式,下列选项中属于overflow常用属性值的是( )。
选项:
A:hidden
B:scroll
C:auto
D:visible
答案:
9、判断题:
<span>是一个行内元素,它需要设置display属性值为block后才能设置宽高。( )
选项:
A:对
B:错
答案:
10、判断题:
<span>是一个行内元素,<span>与</span>之间不能嵌套多层<span>。( )
选项:
A:错
B:对
答案:
第七章 单元测试
1、单选题:
给input控件应用以下CSS样式:
“background、url(images/1.jpg) no-repeat 5px center #FFF;”
上述代码的含义是( )。
选项:
A:定义input控件的文本宽高
B:定义input控件的文本颜色
C:定义input控件的内边距
D:定义input控件的背景
答案:
2、单选题:
<form>与</form>之间的表单控件是由用户自定义的。下列选项中,不属于表单标记<form>常用属性的是( )。
选项:
A:method
B:name
C:action
D:size
答案:
3、单选题:
下列选项中,用于提供输入数值的文本框的input元素类型是( )。
选项:
A:number类型
B:url类型
C:email类型
D:tel类型
答案:
4、多选题:
output元素用于不同类型的输出,下列属于output元素属性的是( )。
选项:
A:disabled属性
B:name属性
C:form属性
D:for属性
答案:
5、多选题:
下列选项中,属于input控件的是( )。
选项:
A:单行文本输入框
B:提交按钮
C:单选按钮
D:复选框
答案:
6、判断题:
在HTML中,<form></form>标记用于定义表单域,即创建一个表单,以实现用户信息的收集和传递。( )
选项:
A:对
B:错
答案:
7、判断题:
datalist元素用于定义输入框的选项列表,列表通过datalist内的option元素进行创建。( )
选项:
A:对
B:错
答案:
8、判断题:
color类型用于提供设置颜色的文本框,用于实现一个RGB颜色输入。( )
选项:
A:错
B:对
答案:
9、判断题:
在定义单选按钮时,必须为同一组中的选项指定相同的name值,这样“单选”才会生效。( )
选项:
A:对
B:错
答案:
10、判断题:
<textarea>用来定义单行文本框 。( )
选项:
A:错
B:对
答案:
第八章 单元测试
1、单选题:
运用HTML5的下列哪个标签可以在页面中嵌入视频或音频文件( )。
选项:
A:video
B:title
C:img
D:body
答案:
2、单选题:
下面的选项中,哪个不是音频格式( )。
选项:
A:Ogg
B:Vorbis
C:Wav
D:MP3
答案:
3、单选题:
在网页设计中,多媒体技术主要是指在网页上运用下列哪个选项传递信息的一种方式( )。
选项:
A:图片
B:动画
C:表格
D:音频视频
答案:
4、判断题:
source元素中的type用于指定媒体文件的URL地址。( )
选项:
A:对
B:错
答案:
5、判断题:
在HTML5中,经常会通过为video元素添加宽高的方式给视频预留一定的空间。( )
选项:
A:错
B:对
答案:
6、判断题:
在HTML5中,运用source元素可以为video元素或audio元素提供多个备用文件。( )
选项:
A:对
B:错
答案:
7、判断题:
html5支持Ogg、MPEG 4和WebM的视频格式以及Vorbis、MP3和Wav的音频格式,但各浏览器对这些格式却不完全支持。( )。
选项:
A:对
B:错
答案:
8、判断题:
运用HTML5的audio标签可以在页面中嵌入视频或音频文件。( )
选项:
A:对
B:错
答案:
9、判断题:
音频编码器主要用于对数据流进行编码操作,解码器主要用于对音频文件进行解码。( )
选项:
A:对
B:错
答案:
10、判断题:
视频编解码器定义了多媒体数据流编码和解码的算法。其中编码器主要是对数据流进行编码操作,用于存储和传输。( )
选项:
A:错
B:对
答案:
第九章 单元测试
1、单选题:
下列选项中,用于定义过渡效果花费时间的属性是( )。
选项:
A:transition-delay属性
B:transition-duration属性
C:transition-timing-function属性
D:transition-property属性
答案:
2、单选题:
下列选项中,用于指定应用过渡效果的CSS属性名称的属性是( )。
选项:
A:transition-delay属性
B:transition-duration属性
C:transition-property属性
D:transition-timing-function属性
答案:
3、多选题:
下列选项中,属于transition-timing-function属性取值的有( )。
选项:
A:linear
B:ease-in
C:ease-out
D:ease
答案:
4、多选题:
下列选项中,属于animation-timing-function常用属性值的是( )。
选项:
A:ease-out
B:ease-in-out
C:linear
D:ease-in
答案:
5、判断题:
transition-property 属性设置的过渡效果通常在用户将指针离开元素上时发生。( )
选项:
A:错
B:对
答案:
6、判断题:
transition-delay属性规定过渡效果花费的时间。( )
选项:
A:错
B:对
答案:
7、判断题:
animation-duration属性用于定义执行动画效果之前延迟的时间,即规定动画什么时候开始。 ( )
选项:
A:错
B:对
答案:
8、判断题:
animation-delay属性用于定义整个动画效果完成所需要的时间。 ( )
选项:
A:错
B:对
答案:
第十章 单元测试
1、判断题:
在网页制作时,常常需要将导航栏模块通栏显示。( )
选项:
A:错
B:对
答案:
2、判断题:
CSS3中,当为元素定义 perspective 属性时,其子元素会获得透视效果。( )
选项:
A:错
B:对
答案:
3、判断题:
网页制作时,不同页面中相同的样式可以做成CSS公用样式表文件,供所有页面调用。( )
选项:
A:错
B:对
答案:
4、判断题:
在网页制作中,使用导航栏可以更清晰方便地找到所需要的资源信息。( )
选项:
A:对
B:错
答案:
5、判断题:
CSS3中,通过border-radius属性将背景设置为圆角矩形。( )
选项:
A:对
B:错
答案:
6、判断题:
通过分析网页效果图,可以更加高效地完成网页的布局和排版。( )
选项:
A:错
B:对
答案:
7、判断题:
在CSS注释中,“/*footer*/”表示的是底部版权区域的样式代码。( )
选项:
A:错
B:对
答案:
8、判断题:
CSS中,hover属性可用于当鼠标悬浮时切换元素的显示状态。( )
选项:
A:对
B:错
答案:
9、判断题:
HTML中,<!– try bigan–>可用作页面中某一部分的结构开始注释。( )
选项:
A:对
B:错
答案:
10、判断题:
CSS中,scale(0.75)指将元素放大到原来的0.75倍。( )
选项:
A:对
B:错
答案:
请先
!