HTML5响应式设计练习试题_第1页
HTML5响应式设计练习试题_第2页
HTML5响应式设计练习试题_第3页
HTML5响应式设计练习试题_第4页
HTML5响应式设计练习试题_第5页
已阅读5页，还剩21页未读， 继续免费阅读

下载本文档

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

文档简介

第页HTML5响应式设计练习试题1.弹性布局中，属性“align-items”的意思是（）A.

主轴对齐B.

侧轴对齐C.

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

项目的长度【正确答案】：B2.50.在CSS3中新增的box-shadow属性用于给元素块添加（）效果的A.图片边框B.渐变背景C.圆角D.阴影【正确答案】：D3.关于弹性布局下列说法错误的是A.Flex是FlexibleBox的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性B.justify-content属性定义了项目在侧轴上的对齐方式C.flex-direction属性决定主轴的方向D.flex-wrap属性默认情况下，项目都排在一条线（又称”轴线”）上【正确答案】：B4.38.在HTML5网页中，实现多累布局时，（）可设置多列之间的分割列的样式。A.column-ruleB.columnsC.column-gapD.column-width【正确答案】：A5.20.对于背景样式相关属性，描述错误的是（）A.background-origin的默认值是border-boxB.background-clip的默认值是border-boxC.background-position属性相对于什么位置来定位D.background-clip属性规定背景的绘制区域【正确答案】：A6.在下列的HTML中，哪个（

）是最大的标题？A、<h6>B、<head>C、<heading>D、<h1>【正确答案】：D7.在HTML5中不再支持<script>元素的哪个属性？A、relB、hrefC、typeD、src【正确答案】：C8.在css3中，用（）规则来创建动画？A、keyframesB、animationC、transformD、transition【正确答案】：A9.使用link元素调用CSS的语法中，以下哪个属性是用来指定CSS文件的路径的A、urlB、srcC、hrefD、以上都不对【正确答案】：C10.HTML5之前的HTML版本是？A、HTML4.01B、HTML4C、HTML4.1D、HTML4.9【正确答案】：A11.14.CSS3中flex-wrap属性的默认值是（）A.NOWRAPB.noneC.warpD.wrap-reverse【正确答案】：A12.哪个属性是CSS用来改变背景色的？A.background-colorB.bgcolorC.colorD.background-image【正确答案】：A13.定义HTML表格中的表头单元格标记是（

）A、<table>B、<td>C、<tr>D、<th>【正确答案】：D14.22.行内标签可以将display属性设置为（）,更改为块状标签A.blockB.inlineC.noneD.black【正确答案】：A15.CSS样式background-repeat:repeat-x解释正确的是（）A、背景图片平铺B、背景图片垂直平铺C、背景图片垂直水平平铺D、背景图片不平铺【正确答案】：C16.HTML中，关于下列代码说法错误的是(

)<ahref="index.html"target="_blank">首页</a>A、此标签用来创建一个超链接B、目标窗口在当前窗口中打开C、超链接的连接地址是index.htmlD、超链接文本是"首页“【正确答案】：B17.图文混编场合一般应用（）块级标签A、div-ul(ol)-liB、div-dl-dt-ddC、div-table-tr-tdD、div-form-table-tr-td【正确答案】：B18.12.对于样式规则transition:all3sease-in0.5s;描述错误的是（）A.3s表示过渡持续时间B.,0.5s指的是延迟时间C.,0.5s指的是过渡持续时间D.all表示全部属性【正确答案】：C19.下列哪个标记嵌套结构是正确的？A、<strong></strong>B、<strong></strong>C、<strong></strong>D、<strong></strong>【正确答案】：C20.在HTML网页中，若需要实现导航菜单，可使用以下（）块状结构来布局。A.div-ul-liB.div-dl-dt-ddC.div-table-tr-tdD.div-form-table-tr-td【正确答案】：A21.H7响应式布局中，视口的相关属性设置，maximum-scale属性的作用是A.

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

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

允许用户的最大缩放值为一个数字，可以带小数D.是否允许用户进行缩放，值为“no”或“yes”【正确答案】：C22.35.关于缩放，描述错误的是（）A.scaleX:指定在水平方向上的缩放量B.scaleY:指定在垂直方向上的所放量C.scaleX(-1.0)表示元素绕X轴翻个面D.缩放的参数不能取负值【正确答案】：D23.哪项用来定义input的滑块控件？A、searchB、controlsC、sliderD、range【正确答案】：D24.audio元素中src属性的作用是？A、提供播放、暂停和音量控制B、循环播放C、指定播放音频的存储路径D、插入一段替换内容【正确答案】：C25.如何在新窗口打开链接？（

）A、<ahref="url"new>B、<ahref="url"target="_blank">C、<ahref="url"target="_self">D、<ahref="url">【正确答案】：B26.32.关于动画相关属性,描述错误的是（）A.animation-name指定动画名称B.animation-iteration-count:指定动画的播放次数,infinite表示只播放1次C.animation-delay指定动画开始之前的延迟时间D.animation-duration表示动画的持续时间【正确答案】：B27.如何制作电子邮件链接？（

）A、<ahref="xxx@yyy">B、<mailto:href="xxx@yyy">C、<ahref="mailto:xxx@yyy">D、<mail>xxx@yyy</mail>【正确答案】：C28.10.设置文本阴影的是哪个属性（）A.border-shadowB.box-shadowC.text-shadowD.以上都不对【正确答案】：C29.在HTML中,若实现点击超链接时,弹出一个新的网页窗口,下列的(

)选项符合要求。A、<ahref="right.html"target="_blank">节目</a>B、<ahref="right.html"target="_self">节目</a>C、<ahref="right.html"target="_parent">节目</a>D、<ahref="right.html"target="_top">节目</a>【正确答案】：A30.HTML5中的<canvas>元素用于：A、显示数据库记录B、操作MySQL中的数据C、绘制图形D、创建可拖动的元素【正确答案】：C31.在css中，可以用于设置背景重复的属性为（

）A、background-repeatB、background-attechmentC、background-colorD、background-image【正确答案】：A32.以下属性描述错误的是？A、placeholder：提示信息B、required：必填C、require:必填D、disabled：禁用【正确答案】：C33.49.媒体查询时需要设置设备名参数，下列（）不是设备名参数关键字。A.allB.printC.screenD.resolution【正确答案】：D34.36.对于线性渐变的描述，错误的是（）A.线性渐变沿着一个方向渐变B.方向top等价于0degC.方向bottom等价于180degD.方向left等价于90deg【正确答案】：D35.媒体查询语法中，可用设备名参数“tv”表示的是（）A.

盲文B.

手持设备C.

电视D.

所有设备【正确答案】：C36.在HTML5中，视口定义在哪个标签中A.<meta>B.<body>C.<html>D.<title>【正确答案】：A37.关于旋转和倾斜，描述错误的是（）?A.rotate(45deg)表示顺时针旋转45度B.rotate(-45deg)表示逆时针旋转45度C.skewX(20deg)表示水平倾斜20度D.skew(40deg,20deg)表示垂直倾斜40度，水平倾斜20度【正确答案】：D38.关于盒模型说法正确的是（

）A、margin属性值不能为负值B、padding是盒子与盒子之间的间距C、margin是盒子内元素与边框之间的间距D、border:1pxsolidred;表示的是盒子的4个边框为1px的红色实线【正确答案】：D39.37.对于样式规则border-radius:10px20px5px;理解正确的是（）A.左上角度是10px,右上和左下角度都是20px,右下角度是5pxB.左上和右下角度是10px,左下角度是20px,右上角度是5pxC.左上角度是10px,右上和右下角度都是是20px,左下角度是5pxD.右上角度是10px,右下和左上角度都是是20px,左下角度是5px【正确答案】：A40.30.在css3中实现多列布局用于设置列的数量的属性是（）A.columnsB.column-gapC.column-countD.column-fill【正确答案】：C41.下面行内元素转换成块元素的属性正确的是（

）A、display：inline；B、display:inline-block;C、display:inherit;D、display:block;【正确答案】：D42.以下video对象的属性，设置视频音量的是A、currentSrcB、errorC、volumeD、muted【正确答案】：C43.在HTML5中，哪个属性用来规定所输入的字段是必填的？A、requiredB、formvalidateC、validateD、placeholder【正确答案】：A44.在css+div布局中，css的（）属性用来指定相对浏览器窗口的固定距离A、absoluteB、fixedC、relativeD、static【正确答案】：B45.在页面中看不见的表单元素是那种？A、<inputtype="password"/>B、<inputtype="radio"/>C、<inputtype="hidden"/>D、<inputtype="reset"/>【正确答案】：C46.媒体查询语法中，可用设备名参数“projection”表示的是（）A.

演讲B.

固定字母间距的网格媒体,比如电传打印机C.

项目演示,比如幻灯片D.彩色电脑屏幕【正确答案】：C47.28.在HTML5中，哪个元素用于对表单中的元素进行分组（）A.<group>B.<header>C.<fieldset>D.<hgroup>【正确答案】：C48.43.关于选择器下列说法错误的是（）A.divp{}选择<div>元素内部的所有元素B.div>p{}选择<div>元素内部的所有元素C.*{}选择所有元素D.div,p{}选择所有<div>元素和所有元素【正确答案】：B49.在HTML中，使用标签插入图像，下列选项关于的src属性说法正确的是(

)。A、用来设置图片文件的格式B、用来设置图片文件所在的位置C、用来设置鼠标指向图片时显示的文字D、用来设置图片周围显示的文字【正确答案】：B50.下列选项中，用于嵌套在<video>中，指定不同文件路径的标签是()A、<src>B、<sources>C、<srcs>D、<source>【正确答案】：B51.哪个HTML标签定义内部样式表？A.<style>B.<css>C.<script>D.<cssStyle>【正确答案】：A52.外部样式表是使用哪个标签引入的？A、linkB、importC、styleD、meta【正确答案】：A53.29.对于样式规则box-shadow:inset0px0px10px15pxred;理解错误的是（）A.效果是外阴影B.水平和垂直方向偏移量都是0pxC.模糊半径是10pxD.颜色是红色【正确答案】：A54.在Css3中，以下（）不属于justify-content属性的可设置值。A.flex-start（默认值）:左对齐B.space-aroundC.centerD.column-reverse【正确答案】：D55.HTML5的正确doctype是？A、<!DOCTYPEhtml>B、<!DOCTYPEHTML5>C、<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML5.0//EN"D、"/TR/html5/strict.dtd">【正确答案】：A56.当图像不能显示时，可以用下列哪个属性设置替换文本（）。A、faceB、titleC、altD、font【正确答案】：C57.下列css属性，哪一项不属于盒模型属性（

）A、font属性B、border属性C、margin属性D、padding属性【正确答案】：A58.关于flex属性说法错误的是A.flex属性用于设置或检索弹性盒模型对象的子元素如何分配空间B.flex属性是flex-grow，flex-shrink和flex-basis属性的简写属性C.其默认值是01autoD.只要是块级元素，都可以设置其flex实现空间的弹性分配【正确答案】：D59.26.如何将块级元素转换成行级元素（）A.display:noneB.display:blockC.display:flexD.display:inline【正确答案】：D60.创建最小的标题的文本标签是：（

）A、</pre>B、<h1></h1>C、<h6></h6>D、<b></b>【正确答案】：C61.假设一个搜索结果展示页面，需要把搜索关键词高亮显示，应该使用以下哪个HTML标签？A、<em>B、<highlight>C、<mark>D、<bold>【正确答案】：C62.如果网页显示乱码，那么应该修改哪个标记的内容？A、<html>B、<head>C、<meta>D、<body>【正确答案】：C63.8.对于样式规则background:linear-gradient(toright,red50%,green50%);错误的是（）A.背景是线性渐变B.线性渐变的颜色从红色过渡到绿色C.红色和绿色之间没有过渡D.红色和绿色各占50%【正确答案】：C64.在HTML5中，有关变换的说法错误的是A.变换是使元素改变形状、尺寸和位置的一种效果B.CSS3中的变换主要通过transform属性和transform-origin属性实现C.CSS3缩放变换包含scale(X,Y)和scaleX(n)2个方法D、translate属性用于指定在水平和垂直两个方向上平移元素【正确答案】：C65.图象标记的哪个属性是用来设置图像路径的？（

）A、srcB、alignC、altD、title【正确答案】：A66.27.对于样式规则background:radial-gradient(red,green,blue);理解正确的是（）A.背景是不重复的线性渐变B.背景是重复的径向渐变C.背景颜色从红色过渡到绿色再过渡到蓝色D.背景色在红色，绿色和蓝色三者之间重复的过渡【正确答案】：C67.33.使用border-collapse属性设置为（）实现细边框效果A.separateB.inheritC.collapseD.solid【正确答案】：C68.下列不属于CSS选择器的是？A、属性选择器B、伪类选择器C、兄弟选择器D、否定选择器【正确答案】：D69.CSS3中新出现的多列布局是传统块状布局模式的有力扩充，使用column-count属性的意义是（）。A.指定列数B.指定内容在列与列之间的分布方式C.指定列之间的距离D.指定元素横向能跨多少列【正确答案】：A70.background-size用来定义？A、背景图的尺寸B、背景图的位置C、背景的颜色D、背景的绘制区域【正确答案】：A71.下列选项中，用来表示通配符选择器的符号是（）A、“*”号B、“#”号C、“,”号D、“:”号【正确答案】：A72.添加图片的标签是（

）A、B、<image>C、D、【正确答案】：A73.44.下面哪个方法可以去掉文本超链接的下划线（）A.a{text-decoration:nounderline;}B.a{underline:none;}C.a{text-decoration:none;}D、a{decoration:nounderline;}【正确答案】：C74.若要在页面中创建一个图形超链接，要显示的图形为myhome.jpg，所链接的地址为，以下用法中，正确的是（

）。A、<ahref="">B、<ahref=""></a>C、<ahref=""></a>D、<ahref="">myhome.jpg</a>【正确答案】：B75.31.CSS3中flex-direction属性的默认值是（）A.noneB.rowC.columnD.initial【正确答案】：B76.在HTML网页中，若需要实现图文混编的效果，可使用以下（）块状结构来布局。A.div-ul-liB.div-dl-dt-ddC.div-table-tr-tdD.div-form-table-tr-td【正确答案】：B77.5.CSS3中关于渐变的说法错误的是（）A.CSS3径向渐变是圆形或椭圆形渐变B.径向渐变颜色不再沿着一条直线轴变化，而是从一个起点朝所有方向混合C.渐变中angle角度是指水平线和渐变线之间的角度，按顺时针方向计算D.CSS3定义了两种类型的渐变:线性渐变和径向渐变【正确答案】：C78.哪个属性用来表示线性渐变（）?A.radial-gradientB.radialC.linear-gradientD.linear【正确答案】：C79.在HTML文档中，引入外部样式表正确的是？A、文档的末尾B、<head>部分C、文档的顶部D、<body>部分【正确答案】：B80.对于径向渐变的描述，错误的是（）?A.

径向渐变为某个点为中心，然后向四面八方渐变B.默认效果为ellipseC.默认效果为circleD.closest-side表示最近边【正确答案】：C81.41.一般网站开发的基本流程包括内容分析、结构设计、原型设计、方案设计、（）、视觉设计和交互设计七个步骤。A.图片设计B.布局设计C.图片裁剪D.结构调整【正确答案】：B82.以下()不能作为input的type值？A、colorB、textC、controlsD、email【正确答案】：C83.对于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>【正确答案】：C84.对于border-image的填充方式的用法，说法错误的是（）?A.stretch指定用拉伸方式来填充边框背景图B.repeat指定用平铺方式来填充边框背景图,当图片碰到边界时,如果超过则被截断C.round指定用平铺方式来填充边框背景图,图片会根据边框的尺寸动态调整图片的大小直至正好可以铺满整个边框D.space和repeat的效果相同【正确答案】：D85.下列不属于css3动画效果是？A、过渡B、浮动C、动画D、变形【正确答案】：B86.下面哪个优先级最高？A、#boxB、.boxC、div.boxD、style="color:red"【正确答案】：D87.21.在CSS3中新增的box-shadow属性说法错误的是（）A.box-shadow属性用于给元素块添加周边阴影效果B.x-offset:阴影水平偏移量，其值只能正值C.y-offset:阴影垂直偏移量，其值也可以是正负值D.阴影模糊半径值越大阴影的边缘就越模糊【正确答案】：B88.在HTML网页中，用来定义有序列表的标签是（

）A、dlB、ulC、olD、li【正确答案】：C89.23.HTML5不支持的视频格式是（）。A.oggB.mp4C.flvD.WebM【正确答案】：C90.19.下列关于视口的属性描述错误的是（）A.width:设置layoutviewport的宽度只能是一个正整数B.height:设置layoutviewport的高度为一个正整数或字符串“height-device”C.user-scalable:是否允许用户进行缩放，值为“no”或“yes”。no代表不允许，yes代表允许D.initial-scale:设置页面的初始缩放值为一个数字，可以带小数【正确答案】：A91.6.在HTML5中，有关关键帧属性的描述，错误的是（）A.animation-delay:指定动画开始之前的延迟时间B.animation-direction:指定动画循环播放的时间是否反向播放过渡的持续时间C.animation-name:指定动画名称D.animation-duration:指定动画循环播放的时间是否反向播放过渡的持续时间【正确答案】：D92.在页面加载时，可以使用（）标签设置浏览器的视口的宽度A.

headB.

metaC.

viewportD.

device-width【正确答案】：B93.下列那项技术可以用于帮助网页设计时使页面具有统一、专业的外观（）A、HTMLB、DHTMLCSSD、URL【正确答案】：C94.样式表定义.outer{background-color:yellow;}表示（）A.网页中某一个id为outer的元素的背景色是黄色的B.网页中含有class="outer"的元素的背景色是黄色的C.网页中元素名为outer元素的背景色是黄色的D.以上任意一个都可以【正确答案】：B95.box-shadow用来设置？A、盒子的边框B、盒子的背景C、盒子的阴影效果D、圆角边框【正确答案】：C96.15.设置边框阴影的是哪个属性（）A.border-shadowB.box-shadowC.text-shadowD.以上都不对【正确答案】：B97.在标准文档流中，块级元素默认的排列顺序是（），行内元素默认的排列顺序是（）。A.从上到下，从上到下B.从上到下，从左到右C.从左到右，从上到下D.从左到右，从左到右【正确答案】：B98.已知一个盒子的宽度为130px，左边框是5px实线，右边框为0px，左外边距为10px，右外边距为12px，左内边距为1px，右内边距为25px，下列盒子尺寸正确的是（

）A、130pxB、156pxC、183pxD、168px【正确答案】：C99.17.对于样式规则border-radius:10px20px;理解正确的是（）A.左上和左下角度都是10px,右上和右下角度都是20pxB.左上和右下角度都是10px,右上和左下角度都是20pxC.左上和右上角度都是10px,右下和左下角度都是20pxD.左上和右下角度都是20px,右上和左下角度都是10px【正确答案】：B100.在HTML5中，border-radius属性可以用来设置()网页效果A.给HTML元素添加阴影B.给HTML元素添加圆角C.设置HTML元素边框为虚线D.设置HTML元素边框为波浪线【正确答案】：B1.关于justify-content属性说法正确的是A.flex-start（默认值）:左对齐B.center:居中C.space-around:各种间隔的间距一致。D.flex-end：右对齐【正确答案】：ABD2.以下哪些是块级元素的特征()A、高度不可控B、宽度可控制C、块级元素不能转行级元素D、它可以容纳内联元素和其他块元素【正确答案】：BD3.CSS3中过渡属性transition-timing-function的值包括哪些A.easeB.inlineC.ease-inD.easeout【正确答案】：AC4.请选择产生粗体字的HTML标签：（

）A、<strong>B、<bb>C、<b>D、<bld>【正确答案】：AC5.使用栅格系统布局时，描述正确的是（）A.栅格系统布局不能实现自适应效果B.将整个页面看成多个行和多个列组成的网格结构C.弹性布局不能在栅格系统布局中实现D、现代的页面设计中会使用栅格系统来简化布局实【正确答案】：BD6.下列可以设置背景样式的属性有（）A.background-clipB.backgdC.background-originD.bkground【正确答案】：AC7.CSS中常用的选择器包括A.类选择器B.id选择器C.颜色选择器D.标签选择权【正确答案】：ABD8.弹性布局一般由哪两个部分组成A.弹性布局的容器B.容器C.子元素D.弹性布局的伸缩项目【正确答案】：AD9.响应式布局的优点是什么A.面对不同分辨率设备时，灵活性较强B.能够快捷解决多设备显示适应问题C.设置复杂不便于维护D.通用性不强【正确答案】：AB10.下列选项中，属于引入CSS样式表的方式是（）。A、行内式B、内部式C、外链式D、旁引式【正确答案】：ABC11.CSS3中flex-flow属性是哪两个属性的复合属性A.flex-directionB.flex-wrapC.flexD.display【正确答案】：AB12.响应式设计使用百分比布局创建流动的弹性界面，以下属于响应式我那工业布局优点的是（）A、面对不同分辨率设备时，灵活性较强B、能够快捷解决多设备显示适应问题C、一定程度上改变了网站原有的布局结构，但不会出现用户混淆的情况D、代码简洁，加载时间加短【正

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

温馨提示

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

最新文档

评论

0/150

提交评论