html5+响应式网页设计复习试题含答案_第1页
html5+响应式网页设计复习试题含答案_第2页
html5+响应式网页设计复习试题含答案_第3页
html5+响应式网页设计复习试题含答案_第4页
html5+响应式网页设计复习试题含答案_第5页
已阅读5页，还剩21页未读， 继续免费阅读

下载本文档

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

文档简介

第页html5+响应式网页设计复习试题含答案1.在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>【正确答案】：A2.在HTML5中，CSS3中关于渐变的说法错误的是（）A、CSS3径向渐变是圆形或椭圆形渐变B、径向渐变颜色不再沿着一条直线轴变化，而是从一个起点朝所有方向混合C、渐变中angle角度是指水平线和渐变线之间的角度，按顺时针方向计算D、CSS3定义了两种类型的渐变:线性渐变和径向渐变【正确答案】：C3.在HTML网页中，用来定义有序列表的标签是（  ）A、dlB、ulC、olD、li【正确答案】：C4.在HTML5中，使用link元素调用CSS的语法中，以下哪个属性是用来指定CSS文件的路径的A、urlB、srcC、hrefD、以上都不对【正确答案】：C5.在css中，可以用于设置背景重复的属性为（  ）A、background-repeatB、background-attechmentC、background-colorD、background-image【正确答案】：A6.在HTML5中，CSS3中flex-wrap属性的默认值是（）A、nowarpB、noneC、warpD、wrap-reverse【正确答案】：A7.在HTML5中，对于样式规则box-shadow:inset0px0px10px15pxred;理解错误的是（）A、效果是外阴影B、水平和垂直方向偏移量都是0pxC、模糊半径是10pxD、颜色是红色【正确答案】：A8.在HTML中，使用<img>标签插入图像，下列选项关于<img>的src属性说法正确的是()A、用来设置图片文件的格式B、用来设置图片文件所在的位置C、用来设置鼠标指向图片时显示的文字D、用来设置图片周围显示的文字【正确答案】：B9.在HTML5中，对于样式规则border-radius:10px20px5px;理解正确的是（）A、左上角度是10px,右上和左下角度都是20px,右下角度是5pxB、左上和右下角度是10px,左下角度是20px,右上角度是5pxC、左上角度是10px,右上和右下角度都是是20px,左下角度是5pxD、右上角度是10px,右下和左上角度都是是20px,左下角度是5px【正确答案】：A10.在HTML5中，插入超链接的正确格式是：（  ）A、<asrc=""></a>B、<asrc="">C、<ahref=""></a>D、<ahref="">【正确答案】：C11.在HTML5中，对于背景样式相关属性，描述错误的是（）A、background-origin的默认值是border-boxB、background-clip的默认值是border-boxC、background-position属性相对于什么位置来定位D、background-clip属性规定背景的绘制区域【正确答案】：A12.在css3中，用（）来定义元素的过渡属性？A、transitionB、transformC、animationD、keyframes【正确答案】：A13.在HTML5中，哪个属性用来设置表格线合并？A、border-collapseB、border-spacingC、borderD、table【正确答案】：A14.在HTML5中，对于样式规则box-shadow:2px4px10px15px#00F;理解错误的是（）A、效果是外阴影B、水平方向的偏移量是2pxC、模糊半径是10pxD、颜色是红色【正确答案】：D15.在HTML5中，下列哪个属性用来表示线性渐变（）?A、radial-gradientB、radialC、linear-gradientD、linear【正确答案】：C16.在Video对象中，视频正在播放时时触发的事件是()A、playingB、playC、pauseD、waiting【正确答案】：A17.在HTML5中不再支持<script>元素的哪个属性？A、relB、hrefC、typeD、src【正确答案】：C18.在HTML5中，哪个元素用于对表单中的元素进行分组（）A、<group>B、<header>C、<fieldset>D、<hgroup>【正确答案】：C19.在HTML5中，下面样式哪个优先级最高？A、#boxB、.boxC、div.boxD、style="color:red"【正确答案】：D20.在HTML5中，设置文本阴影的是哪个属性（）A、border-shadowB、box-shadowC、text-shadowD、以上都不对【正确答案】：C21.在HTML5中，若要在页面中创建一个图形超链接，要显示的图形为myhome.jpg，所链接的地址为，以下用法中，正确的是（  ）。A、<ahref=""><imgsrc="myhome.jpg">B、<ahref=""><imgsrc="myhome.jpg"></a>C、<imgsrc="myhome.jpg"><ahref=""></a>D、<ahref="">myhome.jpg</a>【正确答案】：B22.在HTML网页中，若需要实现导航菜单，可使用以下（）块状结构来布局。A、div-ul-liB、div-dl-dt-ddC、div-table-tr-tdD、div-form-table-tr-td【正确答案】：A23.在HTML文档中，引入外部样式表正确的是？A、文档的末尾B、<head>部分C、文档的顶部D、<body>部分【正确答案】：B24.在HTML5中，样式表定义.outer{background-color:yellow;}表示（）A、网页中某一个id为outer的元素的背景色是黄色的B、网页中含有class="outer"的元素的背景色是黄色的C、网页中元素名为outer元素的背景色是黄色的D、以上任意一个都可以【正确答案】：B25.在HTML5中，关于块级元素描述错误的是（）A、块级元素独占一行，在默认情况下，宽度自动填满父元素宽度B、块级元素宽度和高度可以控制C、块级元素的margin和padding横向设置有效，纵向设置不产生边距效果D、块级元素可以通过display:inline;转换为行内元素【正确答案】：C26.在HTML5中，对于线性渐变的描述，错误的是（）A、线性渐变沿着一个方向渐变B、方向top等价于0degC、方向bottom等价于180degD、方向left等价于90deg【正确答案】：D27.在HTML5中，假设一个搜索结果展示页面，需要把搜索关键词高亮显示，应该使用以下哪个HTML标签？A、<em>B、<highlight>C、<mark>D、<bold>【正确答案】：C28.在HTML5中，不再支持以下哪个元素？A、<cite>B、<acronym>C、<abbr>D、<base>【正确答案】：B29.在HTML5中，以下页面结构符合规范的是()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>【正确答案】：C30.在HTML5中，需要实现表格细边框效果，可以将border-collapse属性设置为（）A、separateB、inheritC、collapseD、solid【正确答案】：C31.在HTML5中，哪项用来定义input的滑块控件？A、searchB、controlsC、sliderD、range【正确答案】：D32.在HTML5中，下列哪个标记嵌套结构是正确的？A、<p><strong></p></strong>B、<strong><p></strong></p>C、<p><strong></strong></p>D、<strong><p></p></strong>【正确答案】：C33.在HTML5中，创建最小标题的文本标签是（）A、<pre></pre>B、<h1></h1>C、<h6></h6>D、<b></b>【正确答案】：C34.在HTML5中，下列选项用来表示通配符选择器的符号是（）A、“*”号B、“#”号C、“,”号D、“:”号【正确答案】：A35.在HTML5中，box-shadow可以用来设置（）A、盒子的边框效果B、盒子的背景效果C、盒子的阴影效果D、圆角边框效果【正确答案】：C36.在HTML5中，对于样式规则border-radius:10px20px;理解正确的是（）A、左上和左下角度都是10px,右上和右下角度都是20pxB、左上和右下角度都是10px,右上和左下角度都是20pxC、左上和右上角度都是10px,右下和左下角度都是20pxD、左上和右下角度都是20px,右上和左下角度都是10px【正确答案】：B37.在HTML5中，下面行内元素转换成块元素的属性正确的是（）A、display:inline；B、display:inline-block;C、display:inherit;D、display:block;【正确答案】：D38.在HTML5中，不支持的视频格式是（）。A、oggB、mp4C、flvD、WebM【正确答案】：C39.在HTML5中，哪个HTML标签定义内部样式表？A、<style>B、<css>C、<script>D、<cssStyle>【正确答案】：A40.在HTML5中，有关变换的说法错误的是A、变换是使元素改变形状、尺寸和位置的一种效果B、CSS3中的变换主要通过transform属性和transform-origin属性实现CSS3缩放变换包含scale(X,Y)和scaleX(n)2个方法D、translate属性用于指定在水平和垂直两个方向上平移元素【正确答案】：C41.在HTML5中，下面哪个方法可以去掉文本超链接的下划线（）A、a{text-decoration:nounderline;}B、a{underline:none;}C、a{text-decoration:none;}D、a{decoration:nounderline;}【正确答案】：C42.在HTML5中，有关关键帧属性的描述，错误的是（）A、animation-delay:指定动画开始之前的延迟时间B、animation-direction:指定动画循环播放的时间是否反向播放过渡的持续时间C、animation-name:指定动画名称D、animation-duration:指定动画循环播放的时间是否反向播放过渡的持续时间【正确答案】：D43.在HTML中，下面是段落标签的是(  )A、<p>与</p>B、<body>与</body>C、<head>与</head>D、<html>与</html>【正确答案】：A44.在HTML5中，对于样式规则background:linear-gradient(toright,red50%,green50%);错误的是（）A、背景是线性渐变B、线性渐变的颜色从红色过渡到绿色C、红色和绿色之间没有过渡D、红色和绿色各占50%【正确答案】：C45.在HTML5中，对于样式规则background-position:0px100px;理解错误的是（）A、0px可以用单词left替换B、0px可以用0%替换C、100px可以用100%替换D、背景图片在垂直方向的偏移量是100px【正确答案】：C46.在HTML5中，下列哪项不是HTML5的新特性？A、合理性B、安全性C、兼容性D、有插件【正确答案】：D47.在HTML5中，以下关于<video>标签属性的说法，错误的是？A、autoplay设置视频自动播放B、controls显示视频自带控制C、loop设置视频循环播放D、preload设置视频播放前显示的图片【正确答案】：D48.在HTML页面中运用CSS3动画，需要运用()来定制规则A、animationB、@keyframesC、transitionD、flash【正确答案】：B49.在HTML5中，关于flex属性说法错误的是A、flex属性用于设置或检索弹性盒模型对象的子元素如何分配空间B、flex属性是flex-grow，flex-shrink和flex-basis属性的简写属性C、其默认值是01autoD、只要是块级元素，都可以设置其flex实现空间的弹性分配【正确答案】：D50.在下列的HTML标签中，哪个标签（）表示字体最大的标题标签？A、<h6>B、<head>C、<heading>D、<h1>【正确答案】：D51.在HTML5中，background-size用来定义？A、背景图的尺寸B、背景图的位置C、背景的颜色D、背景的绘制区域【正确答案】：A52.在HTML5中，在新窗口打开链接的代码是（）A、<ahref="url"new>B、<ahref="url"target="_blank">C、<ahref="url"target="_self">D、<ahref="url">【正确答案】：B53.在HTML5媒体查询语法中，可用设备名参数表示“文档打印或预览”的是A、printB、projectionC、screenD、speech【正确答案】：A54.在HTML5中，实现多列布局时，（）可设置多列之间的分割列的样式。A、column-ruleB、columnsC、column-gapD、column-width【正确答案】：A55.在HTML5中，关于弹性布局，下列说法错误的是A、Flex是FlexibleBox的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性B、justify-content属性定义了项目在侧轴上的对齐方式C、flex-direction属性决定主轴的方向D、flex-wrap属性默认情况下，项目都排在一条线（又称”轴线”）上【正确答案】：B56.在HTML5中，无序列表的HTML代码是（  ）A、<li><ui>...</li></ul>B、<ul><li>...</li></ul>C、<ol><li>...</li></ol>D、<li><ol>...</li></ol>【正确答案】：B57.在HTML5中，下列不属于css3动画效果是？A、过渡B、浮动C、动画D、变形【正确答案】：B58.在HTML5中，transform属性中关于缩放效果，描述错误的是（）A、scaleX:指定在水平方向上的缩放量B、scaleY:指定在垂直方向上的所放量C、scaleX(-1.0)表示元素绕X轴翻个面D、缩放的参数不能取负值【正确答案】：D59.在HTML5中，CSS样式background-repeat:repeat-x解释正确的是（）A、背景图片平铺B、背景图片垂直平铺C、背景图片水平平铺D、背景图片不平铺【正确答案】：C60.在HTML5中，一般网站开发的基本流程包括内容分析、结构设计、原型设计、方案设计、（）、视觉设计和交互设计七个步骤。A、图片设计B、布局设计C、图片裁剪D、结构调整【正确答案】：B61.在HTML5中，CSS3新出现的多列布局是传统块状布局模式的有力扩充，要设置列之间的宽度，可以使用的属性是（）。A、column-rule-widthB、column-widthC、column-countD、width【正确答案】：A62.在Video对象中，当播放位置发生改变时触发的事件是()A、onchangeB、timechangeC、timeupdateD、durationchange【正确答案】：C63.在HTML5中，如果网页显示乱码，那么应该修改哪个标记的内容？A、<html>B、<head>C、<meta>D、<body>【正确答案】：C64.在HTML网页中，若需要实现图文混编的效果，可使用以下（）块状结构来布局。A、div-ul-liB、div-dl-dt-ddC、div-table-tr-tdD、div-form-table-tr-td【正确答案】：B65.在HTML5中，以下()不能作为input的type值？A、colorB、textC、controlsD、email【正确答案】：C66.在标准文档流中，块级元素默认的排列顺序是（），行内元素默认的排列顺序是（）。A、从上到下，从上到下B、从上到下，从左到右C、从左到右，从上到下D、从左到右，从左到右【正确答案】：B67.在HTML5中，添加图片的标签是（   ）A、<img>B、<image>C、<imgs>D、<pic>【正确答案】：A68.在HTML5中，CSS3中新增的box-shadow属性说法错误的是（）A、box-shadow属性用于给元素块添加周边阴影效果B、x-offset:阴影水平偏移量，其值只能正值C、y-offset:阴影垂直偏移量，其值也可以是正负值D、阴影模糊半径值越大阴影的边缘就越模糊【正确答案】：B69.在HTML5中，有关css3动画描述有误的是（）A、CSS3动画本质上是增强的过渡B、CSS3动画基于关键帧C、使用@keyframes规则创建一个动画，用于定义应用动画的属性D、可以通过设置过渡持续时间的方式来替代关键帧动画【正确答案】：D70.在HTML5中，CSS3中新增的box-shadow属性用于给元素块添加（）效果的A、图片边框B、渐变背景C、圆角D、阴影【正确答案】：D71.在HTML5中，下列哪个CSS属性可以更改字体大小（）A、text-sizeB、text-styleC、font-styleD、font-size【正确答案】：D72.在HTML5中，以下video对象的属性，设置视频音量的是A、currentSrcB、errorC、volumeD、muted【正确答案】：C73.在HTML5中，对于样式规则transition:all3sease-in0.5s;描述错误的是（）A、3s表示过渡持续时间B、0.5s指的是延迟时间C、0.5s指的是过渡持续时间D、all表示全部属性【正确答案】：C74.在HTML5中，下列关于视口的属性描述错误的是（）A、width:设置layoutviewport的宽度只能是一个正整数B、height:设置layoutviewport的高度为一个正整数或字符串“height-device”C、user-scalable:是否允许用户进行缩放，值为“no”或“yes”。no代表不允许，yes代表允许D、initial-scale:设置页面的初始缩放值为一个数字，可以带小数【正确答案】：A75.在HTML5媒体查询语法中，可用设备名参数“projection”表示的是（）A、演讲B、固定字母间距的网格媒体,比如电传打印机C、项目演示,比如幻灯片D、彩色电脑屏幕【正确答案】：C76.在HTML5中，下列选项用于设置首行文本缩进的属性是（）A、text-overflowB、white-spaceC、text-shadowD、text-indent【正确答案】：D77.在HTML5中，关于旋转和倾斜，描述错误的是（）?A、rotate(45deg)表示顺时针旋转45度B、rotate(-45deg)表示逆时针旋转45度C、skewX(20deg)表示水平倾斜20度D、skew(40deg,20deg)表示垂直倾斜40度，水平倾斜20度【正确答案】：D78.在HTML5中，已知一个盒子的宽度为130px，左边框是5px实线，右边框为0px，左外边距为10px，右外边距为12px，左内边距为1px，右内边距为25px，下列盒子宽度尺寸正确的是（）A、130pxB、156pxC、183pxD、168px【正确答案】：C79.在HTML5中，CSS清除浮动的代码是？A、clear：leftB、clear：rightC、clear：bothD、float：top【正确答案】：C80.在HTML5中，网页设计的步骤一般分为三个阶段，分别是:页面结构、页面布局样式和（）A、设计效果图B、切图C、页面美化样式D、修改网页结构【正确答案】：C81.在HTML5中，文档的哪一部分的内容不显示在浏览器中？A、头部B、主体C、尾部D、附录【正确答案】：A82.在HTML5中，对于径向渐变的描述，错误的是（）?A、径向渐变为某个点为中心，然后向四面八方渐变B、默认效果为ellipseC、默认效果为circleD、closest-side表示最近边【正确答案】：C83.在HTML5中，关于动画相关属性,描述错误的是（）A、animation-name指定动画名称B、animation-iteration-count:指定动画的播放次数,infinite表示只播放1次C、animation-delay指定动画开始之前的延迟时间D、animation-duration表示动画的持续时间【正确答案】：B84.在HTML5中，animation-duration的含义是A、规定动画完成一个周期所花费的秒数B、规定动画何时开始C、规定动画播放的次数D、推定动画是否在下一周期逆向地播放【正确答案】：A85.在css+div布局中，css的（）属性用来指定相对浏览器窗口的固定距离A、absoluteB、fixedC、relativeD、static【正确答案】：B86.关于HTML5说法正确的是（）。A、HTML5只是对HTML4的一个简单升级B、所有主流浏览器都支持HTML5C、HTML5新增了离线缓存机制D、HTML5主要是针对移动端进行了优化【正确答案】：C87.在HTML5中，网页中经常需要将网页内容居中显示，可使用以下样式代码（）完成。A、align:centerB、margin:0autoC、padding:0autoD、valign:center【正确答案】：B88.在HTML5中，图象标记<img>的哪个属性是用来设置图像路径的？（  ）A、srcB、alignC、altD、title【正确答案】：A89.在HTML5中，媒体查询时需要设置设备名参数，下列（）不是设备名参数关键字。A、allB、printC、screenD、resolution【正确答案】：D90.在HTML5中，下列哪个属性是CSS用来改变背景色的？A、background-colorB、bgcolorC、colorD、background-image【正确答案】：A91.在HTML5中，行内标签可以将display属性设置为（）,更改为块状标签A、blockB、inlineC、noneD、black【正确答案】：A92.在HTML5中，定义HTML表格中的表头单元格标记是（  ）A、<table>B、<td>C、<tr>D、<th>【正确答案】：D93.在HTML5中，audio元素中src属性的作用是？A、提供播放、暂停和音量控制B、循环播放C、指定播放音频的存储路径D、插入一段替换内容【正确答案】：C94.在HTML5中，下列选项中，用于嵌套在<video>中，指定不同文件路径的标签是()A、<src>B、<sources>C、<srcs>D、<source>【正确答案】：B95.在HTML5中，设置边框阴影的是哪个属性（）A、border-shadowB、box-shadowC、text-shadowD、以上都不对【正确答案】：B96.在HTML5中，对于border-image的理解，说法错误的是（）A、border-image是css3的新特性B、border-image需要指定素材的路径C、border-image用来用素材图片填充边框D、背景图填充方式的默认值是repeat【正确答案】：D97.在HTML5中，以下哪种不是input标签的输入类型A、type="email"B、type="url"C、type="number"D、type="radio"【正确答案】：D98.在HTML5中，使用<meta>标签为网页设置关键字，下列哪一项语法格式是正确的？（）A、<metaname="description"content="内容">B、<metaname="author"content="内容">C、<metaname="keywords"content="内容">D、<metaname="genrator"content="内容">【正确答案】：C99.在HTML5中，css3中实现多列布局用于设置列的数量的属性是（）A、columnsB、column-gapC、column-countD、column-fill【正确答案】：C100.在HTML5中，CSS3中flex-direction属性的默认值是（）A、noneB、rowC、columnD、initial【正确答案】：B1.在HTML5中，关于栅格系统描述，正确的是（）【选两项】A、也称为网格系统B、栅格系统不能让网页信息呈现更加美观C、栅格系统可以使网页更加灵活和规范D、栅格系统不是运用固定的格子设计版面布局【正确答案】：AC2.在CSS3中，border-image-repeat属性可以取的值有（）【选三项】A、stretchB、spaceC、leftD、round【正确答案】：ABD3.在HTML5中，关于段落标签的描述，下列说法正确的是【选两项】A、<p>是段落标签B、文本在段落中会根据浏览器窗口的大小自动换行C、<pr>是段落标签D、文本在段落中不会自动换行【正确答案】：AB4.在HTML5中，下列选项属于引入CSS样式表方式的有（）。【选三项】A、行内式B、内部式C、外链式D、旁引式【正确答案】：ABC5.在HTML5中，关于<title>标签的相关描述，下列说法正确的是（）。【选三项】A、<title>标签必须位于<head>标签之内。B、一个HTML文档只能包含一对<title></title>标签C、<title></title>之间的内容将显示在浏览器窗口的标题栏中D、<title>标签和<head>标签是并列关系【正确答案】：ABC6.在HTML5中，CSS3过渡属性transition-timing-function的值包括哪些【选三项】A、easeB、inlineC、ease-inD、ease-out【正确答案】：ACD7.在HTML5中，响应式设计使用百分比布局创建流动的弹性界面，以下属于响应式设计布局优点的是（）【选两项】A、面对不同分辨率设备时，灵活性较强B、能够快捷解决多设备显示适应问题C、一定程度上改变了网站原有的布局结构，但不会出现用户混淆的情况D、代码简洁，加载时间加短【正确答案】：AB8.在HTML5中，下面的选项属于网页上常用图片格式的是（）。【选三项】A、GIF格式B、PSD格式C、PNG格式D、JPG格式【正确答案】：ACD9.在HTML5中，弹性布局一般由哪两个部分组成【选两项】A、弹性布局的容器B、容器C、子元素D、弹性布局的伸缩项目【正确答案】：AD10.在HTML5中，媒体查询可以获取的值有（）【选三项】A、设备的宽和高B、渲染窗口的宽和高C、设备的手持方向D、页面标题【正确答案】：ABC11.在CSS3中，设置下列（）属性，可将页面上的段落多列显示。【选两项】A、column-countB、column-widthC、column-fillD、column-rule【正确答案】：AB12.在HTML5中，实现加粗体字的HTML标签是（）【选两项】A、<strong>B、<bb>C、<b>D、<bld>【正确答案】

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

温馨提示

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

最新文档

评论

0/150

提交评论