2022-2023学年度第二学期《Web前端开发》期末考试（理论）

2022-2023学年度第二学期《Web前端开发》期末考试（理论）您的姓名：[填空题]*_________________________________一、填空题:1.在video标签的语法格式中，______属性用于设置视频文件的路径。[填空题]*空1答案：src2.______标签用于为页面添加音频。[填空题]*空1答案：audio3.在网页中插入音频时，______属性可以让音频具有循环播放功能。[填空题]*空1答案：loop4.为网页添加过渡效果时，______属性用于定义过渡效果持续的时间。[填空题]*空1答案：transition-duration5.在网页中，运用______属性可以为video标签设置高度。[填空题]*空1答案：width6.行内式也称为内联样式，是通过标签的______属性来设置元素的样式。[填空题]*空1答案：style7.在CSS中，用于设置行间距的属性是______，一般称为行高。[填空题]*空1答案：line-height8.text-decoration是文本修饰属性，其属性值______是用来设置下画线的。[填空题]*空1答案：text-decoration9.id选择器使用______进行标示，后面紧跟id名。[填空题]*空1答案：#10.在CSS中，用于调整元素内容与边框之间的距离的是______属性。[填空题]*空1答案：padding二、判断题1.在不同的浏览器上运用audio标签时，浏览器显示音频界面样式相同。[判断题]*对错(正确答案)2.transition-timing-function属性规定过渡效果中速度的变化。[判断题]*对(正确答案)错3.transition-property属性用于指定应用过渡效果的HTML标签的名称。[单选题]对错(正确答案)4.在网页中，给视频定义宽度和高度会导致页面混乱。[判断题]*对错(正确答案)5.transition-delay的属性值只能为正整数。[判断题]*对错(正确答案)6.transform属性可以实现网页中元素的动画效果。[判断题]*对错(正确答案)7.perspective属性的透视效应由属性值决定，属性值越大，透视效果越突出。[判断题]*对错(正确答案)8.animation-duration属性用于定义整个动画效果完成所需要的时间。[判断题]*对(正确答案)错9.animation-delay属性用于定义执行动画效果延迟的时间。[判断题]*对(正确答案)错10.在网页中，使用animation属性时必须指定animation-name和animation-duration属性，否则动画效果将不会播放。[判断题]*对错(正确答案)三、选择题1.当页面载入完成后，可以自动播放视频的属性是（）[单选题]*A、autoplay(正确答案)B、loopC、preloadD、poster2.在CSS3中，可以实现平移效果的属性是。（）[单选题]*A、translate()(正确答案)B、scale()C、skew()D、rotate()3.在CSS3中，可以实现旋转效果的属性是（）[单选题]*A、translate()B、scale()C、skew()D、rotate()(正确答案)4.下列选项中，可以同时设置X轴和Y轴旋转的属性是（）[单选题]*A、rotateXY()B、rotate3d()(正确答案)C、perspectiveD、rotate()5.下列选项中，用于定义动画播放次数的属性是（）。[单选题]*A、animation-directionB、animation-iteration-count(正确答案)C、animationD、animation-duration6.下列选项中，用于定义当前动画播放方向的属性是（）[单选题]*A、animation-direction(正确答案)B、animation-iteration-countC、animationD、animation-duration7.下列选项中，用于清除超链接默认的下画线的是（）[单选题]*A、text-decoration:none;(正确答案)B、text-decoration:underline;C、text-decoration:overline;D、text-decoration:line-through;8.下列代码中，可以用于清除链接图像边框的是（）[单选题]*A、border:0;(正确答案)B、margin:0;C、padding:0;D、list-style:none;9.下列代码中，用于清除列表默认样式的是（）[单选题]*A、list-style:none;(正确答案)B、list-style:0;C、list-style:zero;D、list-style:delete;10.CSS中，通过链接伪类可以实现不同的链接状态，下列说法错误的是（）。[单选题]*A、a:link{CSS样式规则;}超链访问时的状态(正确答案)B、a:visited{CSS样式规则;}访问后超链接的状态C、a:hover{CSS样式规则;}鼠标经过、悬停时超链接的状态D、a:active{CSS样式规则;}鼠标点击不动时超链接的状态11.在定义列表中，用于对名词进行解释和描述的标签是（）[单选题]*A、<dl></dl>B、<li></li>C、<dt></dt>D、<dd></dd>(正确答案)12.设置超链接<a>标签中<img>的border样式为none，下列代码书写正确的是（）。[单选题]*A、a.img{border:none;}B、a#img{border:none;}C、aimg{border:none;}(正确答案)D、a.img{border:none;}13.若超链接的href属性，需要链接到list页面中的one锚点，以下书写正确的是（）[单选题]*A、list.htmlB、#one.listC、list#oneD、list.html#one(正确答案)14.下面选项中，可以改变盒子模型外边距的是（）。[单选题]*A、paddingB、margin(正确答案)C、typeD、border15.将一个盒子的上边框定义为1像素、蓝色、单实线，下列代码正确的是（）。[单选题]*A、border-top:1pxsolid#00f;(正确答案)B、border:1pxsolid#00f;C、border-top:1pxdashed#00f;D、border:1pxdashed#00f;四、多选题1关于定义无序列表的基本语法格式，以下描述正确的是（）*A、<ul></ul>标签用于定义无序列表。(正确答案)B、<li></li>标签嵌套在<ul></ul>标签中，用于描述具体的列表项。(正确答案)C、每对<ul></ul>中至少应包含一对<li></li>。(正确答案)D、<li>不可以定义type属性，只能使用CSS样式属性代替。2.关于设置背景图像的代码片段background:url(images/book.png)no-repeatleftcenter;，下列描述正确的是（）*A、url(images/book.png)设置网页的背景图像(正确答案)B、no-repeat设置背景图像不平铺(正确答案)C、leftcenter用于控制背景图像的位置(正确答案)D、在上面的代码中，各个样式顺序任意(正确答案)3.下列选项中，属于transition-property属性值的是（）。*A、none(正确答案)B、all(正确答案)C、bothD、property(正确答案)4.关于transition属性的描述，下列说法正确的是（）。*A、transition属性是一个复合属性(正确答案)B、设置多个过渡效果时，各个参数必须按照顺序进行定义(正确答案)C、设置多个过渡效果时，各个参数不必按照顺序进行定义D、设置多个过渡效果时，各个参数用逗号进行分隔(正确答案)5.关于video标签的描述，下面说法正确的是（）。*A、video是一个视频标签(正确答案)B、video是一个音频标签C、video标签中可以添加autoplay属性(正确答案)D、在<video>和</video>之间可以插入文字(正确答案)6.下列选项中，属于video标签的属性是（）。*A、autoplay(正确答案)B、loop(正确答案)C、src(正确答案)D、controls(正确答案)7.下列选项中，属于float属性值的是（）。*A、left(正确答案)B、centerC、right(正确答案)D、none(正确答案)8.下列选项中，属于overflow常用属性值的是（）。*A、visible(正确答案)B