响应式web开发项目教程-线下题库

单元下列选项中，关于响应式的说法正确的是（）多选C、PCHTML5版本可支持的HTML历史版本包括（）A、HTML4.0C、HTML3.2D、HTML<link/>中，能够定义所外部样式表文件的URL的属性是D、Chrome浏览器的内核为下列选项中，属于盒子模型的组成部分的是（）多选D、HTML【】可以识别类型和特征HTML5中，表示页面中导航的是【HTMLid选择器用# 2. 3. 4.A5. 2.CSS3查询3.<nav>4.CSS选择器5.块级√2.√3.√4.× <!DOCTYPE<!DOCTYPE<html<metacharset="UTF-<style/*给类名为header、aside、main、footer的元素设置背景颜色和边框background-colorpink*背景色为粉色border1pxsolidyellow/*边框为1px的黄色的实线}height:}height:200px;}width:float:leftfloat:left;/*类名为aside的元素左浮动}margin-left:202px*}height:}<header<aside<section<footer单元font-style属性用于设置字体风格，它的默认值是（A、D、font-size属性用于设置字号大小，下列选项中取值正确的有（）text-overflow属性，下列选项中说法正确的有（）A、取值为clip时，用省略标记“…”标示被修剪文本，省略标记插入的位置是最后一个字overflow:hidden;使用……text-transform用于设置英文文本转换，下列选项中，取值正确的是（）多选D、在CSS属性中【】超的初始状态CSS中，为<a>CSSCSSCSSfont-awesome是一种Webword-wrapnormalURL}使用选择器控制元素CSS 2. 3. 4. 5. 2.a{font-weight:bold; 3.text-overflow4.text- 5.√2.√3.×4.× <!doctype<!doctype<metacharset="utf-<styletype="text/css">}}}还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。单元（B、A、box-shadow:7px4px10px#000insetB、box-shadow:7px4px10px#000C、box-shadow:7px4px10px#000insetD、box-shadow:7px4px10pxCSS3transform属性允许我们对元素进行哪些操作B2D3DDCSS值设置自上而下的线性渐变：background-image:linear-gradient【】,#4b6db920%,#b2d3ff80%);。CSS3的圆角边框实际上是在矩形的四个角分别做内切圆，然后通过设置内切圆的【】来–-CSSbluegreenyellow、red四种颜色。 2. 3. 4. 5. to 2.半径3.linear4.延迟5.×2.×3.√4.√ <!DOCTYPE<!DOCTYPEhtml<html<metahttp-equiv="Content-Type"content="text/html;charset=UTF- <styletype="text/css">width:200px;height:200px;background-color:box-shadow:10px10px10pxred,20px20px20pxblue,30px30px30pxgreen,inset0px0px10px10pxyellow;}width:200px;height:200px;background-color:box-shadow:inset0px0px10px3pxred;}单元下列选项中，作为action属性取值正确的是（）多选D、D、<textarea>的具体尺寸可以通过【】和【】来设置【在使用<datalist>时，需要通过【】属性为其指定一个【】的标识【】元素用于表单的密钥，能够使用户验证更为安全、可靠<textarea>标记的必须属性。input控件默认有边框效果，当使用<input标记定义各种按钮时，通常需要清除其边框。其代码为“input{border:0;}<label>只能为<input>定义标注（标记 2. 3. 4. 5. width、height2. 3.id、唯一4. 5.cols、 √2.×3.√4.× body,form,input,h1,p{padding:0;margin:0;border:0;} body,form,input,h1,p{padding:0;margin:0;border:0;} <!doctype<metacharset="utf-<stylebodyfont-size:12pxfont-family:"微软雅黑margin:50px border:3pxsolid#93baff; } margin:16px0;}}p }pborder:1pxsolid }.luckyinput{}.btninput{ }<formaction="#" <p><span>用户登录名：</span><inputtype="text"name="user_name" "disabledreadonly/></p><p><span>真实姓名：</span><inputtype="text"<p><span>真 ：</span><inputtype="number"value="24min="15"max="120"required/>（必填<p><span>出生日期：value="1990-10-1"required/>（必填<p><span>电子邮箱：type="date""" requiredmultiple/>（必填<p><span</span><inputtype="text"name="card"required<p><span>手机号码：</span><inputpattern="^\d{11}$required/>（必填" class="lucky"><span>幸运颜色：</span><input<p<input<input单元下列选项中，Javascript变量语句中不正确的是（A、varB、varbb=3;cc='good';C、vardd=ee=100;D、varff=3,gg='he's下列选项中，javascript变量名称不合法的是（D、canvas中，用于绘制填充矩形的方法是（canvas中，用于绘制圆形的方法是（canvas中，用于绘制弧形的方法是（JavaScript2下拉列表选择发生变化触发的事件是【】在语法“context.moveTo(x,y);”中，x、ycanvas使用【】可以在网页中创建一个矩形区域的画布。在JavaScript中“new”关键字用于变量，所有的变量均为对象，了一个变量采用事件驱动是JavaScript语言的一个最基本特征所谓的事件是指用户在页面时执 2. 3. 4. 5.nul、undefined2.onchange、onsubmit3.stroke()4.最左上角5.×2.√3.√4.√ <!DOCTYPE<!DOCTYPE<html<metacharset="UTF-<div<canvas你的浏览器不支持canvas，请升级浏览varcanvasvarctx=canvas.getContext('2d');canvas.width=900;canvas.height=600;canvas.style.border="1pxsolid#000";ctx.fillRect(0,0,10,10);ctx.rect(100,100,200,ctx.fillRect(150,150300,300);//超出的部分不能进行绘制。单元 >的描述，错误的是（A、src属性用于设 >>B、widthheight是<C、src和controls是<>>

D、<>来定 下列选项中，用于嵌套在<>中，指定不同文件路径的是（A、D、在对象中，当位置发生改变时触发的事件是（D、JavaScript中的运算符的是（）下列选项中，关于Audio对象的描述，错误的是（）A、Audio对象中widthheight属性可以用来设置宽高B、Audiopaused用来设置或返回音频是否暂停C、Audiomuted用来设置或返回是否关闭声音D、Audiovolume在网页中插入音频或时，获取文件出错后触发【】事件。简单/HTMLDOMAudio对象【】运算符用于运算表达式，主要包括加（+）、减（-）、乘（*）、除（/）、取简单/JavaScriptif 简单/JavaScriptif条件语句Audio对象和 的DOM操作功能其实都是由【】对象统一定义的功能。简单/JavaScript运算符和if条件语句Audioaudio元素。一般/HTMLDOMAudio对象<>支持avi格式<>不添加contros属性，只添加autoplay属性，也可以实现自动当错误引起中止获取数据时触发abort事件用JavaScript编写一个程序，目前工资为960元，现在公司要为员工涨工资，计算80015%80010%工资。 2. 3. 4. 5. 2.算术3.比较4. 5.×2.√3.√4.× <script<scriptlanguage="javascript"type="text/javascript">varpay=960;if(pay>=pay+=(pay*}elseif(pay<1000&&pay>=800){pay+=(pay*0.15);}elseif(pay<800){pay+=(pay*0.1);}单元配置视口需要应用的是（的是（A、@mediascreenandmax-width:1200px){}B、@mediascreenand(min-width:1200px){}C、@mediascreenandmax-width:1199px){}D、@mediascreenand(min-width:1199px){}弹性盒布局中，flex-direction的默认值为（A、在CSS3规范中，查询可以根据【【】等差异来改变页面的显示方式flex-directionflex-wrapIE8HTML5CSS3MediaJS文件，来保百分比布局通常以em（1）（2）背景色为green 2. 3.Ａ4. 5. 视口宽度、设备方向2.栅格系统3.容器、子元素、轴4. 5.flex-√2.×3.×4.√ <!DOCTYPE<!DOCTYPE<html<metacharset="UTF-<style.boxmin-height:displayflex;/*指定弹性盒的容器flex-flowrow;/*弹性盒子元素按横轴方向顺序排列:align-itemsflex-end;/*弹性盒子元素向垂直于轴的方向上的中间位置对齐*/background-color:green;}.A,.B,.Cbackground-color:white;border:1pxsolidgray;}.boxdiv.Aorder1;/*order设置该子元素出现的顺序*/flex-grow:2;/*扩展比率*/flex-shrink1;/*收缩比率flex-basis:auto;/*宽度，像素值}.boxdiv.Border:flex:01auto;/*扩展比率0、收缩比率1和宽度居中的缩写形式*/align-self:center;}.boxdiv.Corder:flex:01align-self:align-self:}<div<div<div<div单元C、HTML5D、JavaScriptBootstrap的优势（）D、D、BootstrapBootstrap的【】CSS能够自适应于台式机、平板电脑和的屏幕大小BootstrapBootstrap:Bootstrap包含了十几个自定义的jQuery插件。可以直接包含所有的插件，也可以逐Bootstrap3起，框架包含了贯穿于整个库的移动设备优先的样式。 2. 3. 4. 5. 2.【IEFirefoxchromeSafari】3.4.container5..×2.×3.×4.√ <!DOCTYPE<!DOCTYPE <metacharset="UTF-<metahttp- patible"<linkhref="lib/bootstrap/css/bootstrap.min.css"<ulclass="navnav-<lirole="presentation"<ah