HTML5响应式设计复习测试卷附答案_第1页
HTML5响应式设计复习测试卷附答案_第2页
HTML5响应式设计复习测试卷附答案_第3页
HTML5响应式设计复习测试卷附答案_第4页
HTML5响应式设计复习测试卷附答案_第5页
已阅读5页，还剩21页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第页HTML5响应式设计复习测试卷附答案1.已知一个盒子的宽度为130px，左边框是5px实线，右边框为0px，左外边距为10px，右外边距为12px，左内边距为1px，右内边距为25px，下列盒子尺寸正确的是（

）A、130pxB、156pxC、183pxD、168px【正确答案】：C2.在HTML网页中，若需要实现导航菜单，可使用以下（）块状结构来布局。A.div-ul-liB.div-dl-dt-ddC.div-table-tr-tdD.div-form-table-tr-td【正确答案】：A3.10.设置文本阴影的是哪个属性（）A.border-shadowB.box-shadowC.text-shadowD.以上都不对【正确答案】：C4.以下哪种不是HTML5中input标签的输入类型A、type='email'B、type='url'C、type='number'D、type='radio'【正确答案】：D5.在css+div布局中，css的（）属性用来指定相对浏览器窗口的固定距离A、absoluteB、fixedC、relativeD、static【正确答案】：B6.在HTML5中，border-radius属性可以用来设置()网页效果A.给HTML元素添加阴影B.给HTML元素添加圆角C.设置HTML元素边框为虚线D.设置HTML元素边框为波浪线【正确答案】：B7.下面行内元素转换成块元素的属性正确的是（

）A、display：inline；B、display:inline-block;C、display:inherit;D、display:block;【正确答案】：D8.HTML5中不再支持以下哪个元素？A、<cite>B、<acronym>C、<abbr>D、<base>【正确答案】：B9.audio元素中src属性的作用是？A、提供播放、暂停和音量控制B、循环播放C、指定播放音频的存储路径D、插入一段替换内容【正确答案】：C10.31.CSS3中flex-direction属性的默认值是（）A.noneB.rowC.columnD.initial【正确答案】：B11.哪个属性用来表示线性渐变（）?A.radial-gradientB.radialC.linear-gradientD.linear【正确答案】：C12.8.对于样式规则background:linear-gradient(toright,red50%,green50%);错误的是（）A.背景是线性渐变B.线性渐变的颜色从红色过渡到绿色C.红色和绿色之间没有过渡D.红色和绿色各占50%【正确答案】：C13.HTML5中的<canvas>元素用于：A、显示数据库记录B、操作MySQL中的数据C、绘制图形D、创建可拖动的元素【正确答案】：C14.33.使用border-collapse属性设置为（）实现细边框效果A.separateB.inheritC.collapseD.solid【正确答案】：C15.在Video对象中，视频正在播放时时触发的事件是()A、playingB、playC、pauseD、waiting【正确答案】：A16.在HTML中，使用标签插入图像，下列选项关于的src属性说法正确的是(

)。A、用来设置图片文件的格式B、用来设置图片文件所在的位置C、用来设置鼠标指向图片时显示的文字D、用来设置图片周围显示的文字【正确答案】：B17.28.在HTML5中，哪个元素用于对表单中的元素进行分组（）A.<group>B.<header>C.<fieldset>D.<hgroup>【正确答案】：C18.如何在新窗口打开链接？（

）A、<ahref="url"new>B、<ahref="url"target="_blank">C、<ahref="url"target="_self">D、<ahref="url">【正确答案】：B19.在css中，可以用于设置背景重复的属性为（

）A、background-repeatB、background-attechmentC、background-colorD、background-image【正确答案】：A20.CSS清除浮动的代码是？A、clear：leftB、clear：rightC、clear：bothD、float：top【正确答案】：C21.样式表定义.outer{background-color:yellow;}表示（）A.网页中某一个id为outer的元素的背景色是黄色的B.网页中含有class="outer"的元素的背景色是黄色的C.网页中元素名为outer元素的背景色是黄色的D.以上任意一个都可以【正确答案】：B22.43.关于选择器下列说法错误的是（）A.divp{}选择<div>元素内部的所有元素B.div>p{}选择<div>元素内部的所有元素C.*{}选择所有元素D.div,p{}选择所有<div>元素和所有元素【正确答案】：B23.下面哪个优先级最高？A、#boxB、.boxC、div.boxD、style="color:red"【正确答案】：D24.图象标记的哪个属性是用来设置图像路径的？（

）A、srcB、alignC、altD、title【正确答案】：A25.下列css属性，哪一项不属于盒模型属性（

）A、font属性B、border属性C、margin属性D、padding属性【正确答案】：A26.对于样式规则background-position:0px100px;理解错误的是（）?A.0px可以用单词left替换B.0px可以用0%替换C.100px可以用100%替换D.背景图片在垂直方向的偏移量是100px【正确答案】：C27.30.在css3中实现多列布局用于设置列的数量的属性是（）A.columnsB.column-gapC.column-countD.column-fill【正确答案】：C28.下列那项技术可以用于帮助网页设计时使页面具有统一、专业的外观（）A、HTMLB、DHTMLCSSD、URL【正确答案】：C29.下列选项中，用于设置首行文本缩进的属性是（）A、text-overflowB、white-spaceC、text-shadowD、text-indent【正确答案】：D30.9.在HTML5中，关于dl-dt-dd的描述，错误的是（）A.dt和dd放于dl标签内B.dd标签不可以出现多次C.dt不能放入dd内，dd不能放入dt内D.标签dt与dd处于dl下相同级【正确答案】：B31.animation-duration的含义是A、规定动画完成一个周期所花费的秒数B、规定动画何时开始C、规定动画播放的次数D、推定动画是否在下一周期逆向地播放【正确答案】：A32.添加图片的标签是（

）A、B、<image>C、D、【正确答案】：A33.关于弹性布局下列说法错误的是A.Flex是FlexibleBox的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性B.justify-content属性定义了项目在侧轴上的对齐方式C.flex-direction属性决定主轴的方向D.flex-wrap属性默认情况下，项目都排在一条线（又称”轴线”）上【正确答案】：B34.在页面中看不见的表单元素是那种？A、<inputtype="password"/>B、<inputtype="radio"/>C、<inputtype="hidden"/>D、<inputtype="reset"/>【正确答案】：C35.弹性布局中，属性“align-items”的意思是（）A.

主轴对齐B.

侧轴对齐C.

弹性模型对象的子元素出现的順序D.

项目的长度【正确答案】：B36.如果网页显示乱码，那么应该修改哪个标记的内容？A、<html>B、<head>C、<meta>D、<body>【正确答案】：C37.44.下面哪个方法可以去掉文本超链接的下划线（）A.a{text-decoration:nounderline;}B.a{underline:none;}C.a{text-decoration:none;}D、a{decoration:nounderline;}【正确答案】：C38.HTML中，关于下列代码说法错误的是(

)<ahref="index.html"target="_blank">首页</a>A、此标签用来创建一个超链接B、目标窗口在当前窗口中打开C、超链接的连接地址是index.htmlD、超链接文本是"首页“【正确答案】：B39.哪个属性用来设置表格线合并？A、border-collapseB、border-spacingC、borderD、table【正确答案】：A40.22.行内标签可以将display属性设置为（）,更改为块状标签A.blockB.inlineC.noneD.black【正确答案】：A41.34.在网页中经常需要将网页内容居中显示，可使用以下样式代码（）完成。A.align:centerB.margin:0autoC.padding:0autoD.valign:center【正确答案】：B42.以下关于<video>标签属性的说法，错误

的是？A、autoplay设置视频自动播放B、controls显示视频自带控制C、loop设置视频循环播放D、preload设置视频播放前显示的图片【正确答案】：D43.下列哪项不是HTML5的新特性？A、合理性B、安全性C、兼容性D、有插件【正确答案】：D44.以下属性描述错误的是？A、placeholder：提示信息B、required：必填C、require:必填D、disabled：禁用【正确答案】：C45.21.在CSS3中新增的box-shadow属性说法错误的是（）A.box-shadow属性用于给元素块添加周边阴影效果B.x-offset:阴影水平偏移量，其值只能正值C.y-offset:阴影垂直偏移量，其值也可以是正负值D.阴影模糊半径值越大阴影的边缘就越模糊【正确答案】：B46.15.设置边框阴影的是哪个属性（）A.border-shadowB.box-shadowC.text-shadowD.以上都不对【正确答案】：B47.在Css3中，以下（）不属于justify-content属性的可设置值。A.flex-start（默认值）:左对齐B.space-aroundC.centerD.column-reverse【正确答案】：D48.38.在HTML5网页中，实现多累布局时，（）可设置多列之间的分割列的样式。A.column-ruleB.columnsC.column-gapD.column-width【正确答案】：A49.在标准文档流中，块级元素默认的排列顺序是（），行内元素默认的排列顺序是（）。A.从上到下，从上到下B.从上到下，从左到右C.从左到右，从上到下D.从左到右，从左到右【正确答案】：B50.在HTML5中不再支持<script>元素的哪个属性？A、relB、hrefC、typeD、src【正确答案】：C51.35.关于缩放，描述错误的是（）A.scaleX:指定在水平方向上的缩放量B.scaleY:指定在垂直方向上的所放量C.scaleX(-1.0)表示元素绕X轴翻个面D.缩放的参数不能取负值【正确答案】：D52.6.在HTML5中，有关关键帧属性的描述，错误的是（）A.animation-delay:指定动画开始之前的延迟时间B.animation-direction:指定动画循环播放的时间是否反向播放过渡的持续时间C.animation-name:指定动画名称D.animation-duration:指定动画循环播放的时间是否反向播放过渡的持续时间【正确答案】：D53.在HTML网页中，若需要实现图文混编的效果，可使用以下（）块状结构来布局。A.div-ul-liB.div-dl-dt-ddC.div-table-tr-tdD.div-form-table-tr-td【正确答案】：B54.在HTML5中，视口定义在哪个标签中A.<meta>B.<body>C.<html>D.<title>【正确答案】：A55.下列不属于CSS选择器的是？A、属性选择器B、伪类选择器C、兄弟选择器D、否定选择器【正确答案】：D56.哪个属性是CSS用来改变背景色的？A.background-colorB.bgcolorC.colorD.background-image【正确答案】：A57.box-shadow用来设置？A、盒子的边框B、盒子的背景C、盒子的阴影效果D、圆角边框【正确答案】：C58.媒体查询语法中，可用设备名参数“tv”表示的是（）A.

盲文B.

手持设备C.

电视D.

所有设备【正确答案】：C59.23.HTML5不支持的视频格式是（）。A.oggB.mp4C.flvD.WebM【正确答案】：C60.40.有关css3动画描述有误的是（）A.CSS3动画本质上是增强的过渡B.CSS3动画基于关键帧C.使用@keyframes规则创建一个动画，用于定义应用动画的属性D.可以通过设置过渡持续时间的方式来替代关键帧动画【正确答案】：D61.17.对于样式规则border-radius:10px20px;理解正确的是（）A.左上和左下角度都是10px,右上和右下角度都是20pxB.左上和右下角度都是10px,右上和左下角度都是20pxC.左上和右上角度都是10px,右下和左下角度都是20pxD.左上和右下角度都是20px,右上和左下角度都是10px【正确答案】：B62.下列哪个标记嵌套结构是正确的？A、<strong></strong>B、<strong></strong>C、<strong></strong>D、<strong></strong>【正确答案】：C63.在HTML5中，有关变换的说法错误的是A.变换是使元素改变形状、尺寸和位置的一种效果B.CSS3中的变换主要通过transform属性和transform-origin属性实现C.CSS3缩放变换包含scale(X,Y)和scaleX(n)2个方法D、translate属性用于指定在水平和垂直两个方向上平移元素【正确答案】：C64.关于flex属性说法错误的是A.flex属性用于设置或检索弹性盒模型对象的子元素如何分配空间B.flex属性是flex-grow，flex-shrink和flex-basis属性的简写属性C.其默认值是01autoD.只要是块级元素，都可以设置其flex实现空间的弹性分配【正确答案】：D65.14.CSS3中flex-wrap属性的默认值是（）A.NOWRAPB.noneC.warpD.wrap-reverse【正确答案】：A66.27.对于样式规则background:radial-gradient(red,green,blue);理解正确的是（）A.背景是不重复的线性渐变B.背景是重复的径向渐变C.背景颜色从红色过渡到绿色再过渡到蓝色D.背景色在红色，绿色和蓝色三者之间重复的过渡【正确答案】：C67.假设一个搜索结果展示页面，需要把搜索关键词高亮显示，应该使用以下哪个HTML标签？A、<em>B、<highlight>C、<mark>D、<bold>【正确答案】：C68.32.关于动画相关属性,描述错误的是（）A.animation-name指定动画名称B.animation-iteration-count:指定动画的播放次数,infinite表示只播放1次C.animation-delay指定动画开始之前的延迟时间D.animation-duration表示动画的持续时间【正确答案】：B69.在HTML文档中，引入外部样式表正确的是？A、文档的末尾B、<head>部分C、文档的顶部D、<body>部分【正确答案】：B70.无序列表的HTML代码是（

）A、<li><ui>...</li></ul>B、<ul><li>...</li></ul>C、<ol><li>...</li></ol>D、<li><ol>...</li></ol>【正确答案】：B71.关于旋转和倾斜，描述错误的是（）?A.rotate(45deg)表示顺时针旋转45度B.rotate(-45deg)表示逆时针旋转45度C.skewX(20deg)表示水平倾斜20度D.skew(40deg,20deg)表示垂直倾斜40度，水平倾斜20度【正确答案】：D72.关于块级元素描述错误的是（）A.块级元素独占一行，在默认情况下，宽度自动填满父元素宽度B.块级元素宽度和高度可以控制C.块级元素的margin和padding横向设置有效，纵向设置不产生边距效果D.块级元素可以通过display:inline;转换为行内元素【正确答案】：C73.在css3中，用（）规则来创建动画？A、keyframesB、animationC、transformD、transition【正确答案】：A74.如何制作电子邮件链接？（

）A、<ahref="xxx@yyy">B、<mailto:href="xxx@yyy">C、<ahref="mailto:xxx@yyy">D、<mail>xxx@yyy</mail>【正确答案】：C75.26.如何将块级元素转换成行级元素（）A.display:noneB.display:blockC.display:flexD.display:inline【正确答案】：D76.37.对于样式规则border-radius:10px20px5px;理解正确的是（）A.左上角度是10px,右上和左下角度都是20px,右下角度是5pxB.左上和右下角度是10px,左下角度是20px,右上角度是5pxC.左上角度是10px,右上和右下角度都是是20px,左下角度是5pxD.右上角度是10px,右下和左上角度都是是20px,左下角度是5px【正确答案】：A77.在HTML网页中，用来定义有序列表的标签是（

）A、dlB、ulC、olD、li【正确答案】：C78.CSS样式background-repeat:repeat-x解释正确的是（）A、背景图片平铺B、背景图片垂直平铺C、背景图片垂直水平平铺D、背景图片不平铺【正确答案】：C79.在HTML中，下面是段落标签的是(

)A、与B、<body>与</body>C、<head>与</head>D、<html>与</html>【正确答案】：A80.H7响应式布局中，视口的相关属性设置，maximum-scale属性的作用是A.

设置页面的初始缩放值为一个数字，可以带小数B.

允许用户的最小缩放值为一个数字，可以带小数C.

允许用户的最大缩放值为一个数字，可以带小数D.是否允许用户进行缩放，值为“no”或“yes”【正确答案】：C81.在css3中，用（）来定义元素的过渡属性？A、transitionB、transformC、animationD、keyframes【正确答案】：A82.19.下列关于视口的属性描述错误的是（）A.width:设置layoutviewport的宽度只能是一个正整数B.height:设置layoutviewport的高度为一个正整数或字符串“height-device”C.user-scalable:是否允许用户进行缩放，值为“no”或“yes”。no代表不允许，yes代表允许D.initial-scale:设置页面的初始缩放值为一个数字，可以带小数【正确答案】：A83.在Video对象中，当播放位置发生改变时触发的事件是()A、onchangeB、timechangeC、timeupdateD、durationchange【正确答案】：C84.41.一般网站开发的基本流程包括内容分析、结构设计、原型设计、方案设计、（）、视觉设计和交互设计七个步骤。A.图片设计B.布局设计C.图片裁剪D.结构调整【正确答案】：B85.在下列的HTML中，哪个（

）是最大的标题？A、<h6>B、<head>C、<heading>D、<h1>【正确答案】：D86.关于盒模型说法正确的是（

）A、margin属性值不能为负值B、padding是盒子与盒子之间的间距C、margin是盒子内元素与边框之间的间距D、border:1pxsolidred;表示的是盒子的4个边框为1px的红色实线【正确答案】：D87.49.媒体查询时需要设置设备名参数，下列（）不是设备名参数关键字。A.allB.printC.screenD.resolution【正确答案】：D88.定义HTML表格中的表头单元格标记是（

）A、<table>B、<td>C、<tr>D、<th>【正确答案】：D89.对于html，以下结构符合规范的是(

)A、<html><head><body></html>B、<html><head><body></body></head></html>C、<html><head></head><body></body></html>D、<html><head><body></head></body></html>【正确答案】：C90.下列哪个标记用于声明文档的类型？A、<!doctype>B、<doctype>C、<document>D、<documenttype>【正确答案】：A91.当图像不能显示时，可以用下列哪个属性设置替换文本（）。A、faceB、titleC、altD、font【正确答案】：C92.文档的哪一部分的内容不显示在浏览器中？A、头部B、主体C、尾部D、附录【正确答案】：A93.HTML5之前的HTML版本是？A、HTML4.01B、HTML4C、HTML4.1D、HTML4.9【正确答案】：A94.哪个HTML标签定义内部样式表？A.<style>B.<css>C.<script>D.<cssStyle>【正确答案】：A95.48.关于过渡相关属性，描述错误的是（）A.transition-delay指定过渡开始之前的延迟时间B.transition-duration指定过渡的持续时间C.transition-peorterty指定应用过渡的属性D.transition-delay指定过渡的持续时间【正确答案】：D96.下列不属于css3动画效果是？A、过渡B、浮动C、动画D、变形【正确答案】：B97.12.对于样式规则transition:all3sease-in0.5s;描述错误的是（）A.3s表示过渡持续时间B.,0.5s指的是延迟时间C.,0.5s指的是过渡持续时间D.all表示全部属性【正确答案】：C98.36.对于线性渐变的描述，错误的是（）A.线性渐变沿着一个方向渐变B.方向top等价于0degC.方向bottom等价于180degD.方向left等价于90deg【正确答案】：D99.39、下列哪个CSS属性可以更改字体大小（）A.text-sizeB.text-styleC.font-styleD.font-size【正确答案】：D100.16.对于border-image的理解，说法错误的是（）A.border-image是css3的新特性B.border-image需要指定素材的路径C.border-image用来用素材图片填充边框D.背景图填充方式的默认值是repeat【正确答案】：D1.弹性布局一般由哪两个部分组成A.弹性布局的容器B.容器C.子元素D.弹性布局的伸缩项目【正确答案】：AD2.关于<title>标签的相关描述，下列说法正确的是（）。A、<title>标签必须位于<head>标签之内。B、一个HTML文档只能包含一对<title></title>标签C、<title></title>之间的内容将显示在浏览器窗口的标题栏中D、<title>标签和<head>标签是并列关系【正确答案】：ABC3.使用栅格系统布局时，描述正确的是（）A.栅格系统布局不能实现自适应效果B.将整个页面看成多个行和多个列组成的网格结构C.弹性布局不能在栅格系统布局中实现D、现代的页面设计中会使用栅格系统来简化布局实【正确答案】：BD4.以下那些是css属性position可以设置的值（）A.

topB.

relativeC.absoluteD.bottom【正确答案】：BC5.下列标记中，为双标记的是（

）A、headB、titleC、metaD、body【正确答案】：ABD6.媒体查询可以获取的值包括A.

设备的宽和高B.

渲染窗口的宽和高C.对象颜色或颜色列表D.设备的分辨率【正确答案】：ABCD7.关于段落标签的描述，下列说法正确的是A、是段落标签B、文本在段落中会根据浏览器窗口的大小自动换行C、是段落标签D、文本在段落中不会自动换行【正确答案】：AB8.媒体查询可以获取的值有（）A.

设备的宽和高B.

渲染窗口的宽和高C.

设备的手持方向D.

画面比例【正确答案】：ABCD9.CSS3定义了哪两种类型的渐变A.上下渐变B.线性渐变C.对角渐变D.径向渐变【正确答案】：BD10.关于justify-content属性说法正确的是A.flex-start（默认值）:左对齐B.center:居中C.space-around:各种间隔的间距一致。D.flex-end：右对齐【正确答案】：ABD11.请选择产生斜体字的HTML标签：A、<i>B、<italics>C、<ii>D、<em>【正确答案】：AD12.下面的选项中，属于网页上常用图片格式的是（）。A、GIF格式B、PSD格式C、PNG格式D、JPG格式【正确答案】：ACD13.CSS中常用的选择器包括A.类选择器B.id选择器C.颜色选择器D

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论