Web前端技术-测验（含答案）.docx

《Web前端技术-测验（含答案）.docx》由会员分享，可在线阅读，更多相关《Web前端技术-测验（含答案）.docx（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、项目1 HTML基础1、不属于HTML文档结构标签的是（）A.B.C. 答案：B2、下面哪一项是换行符标签？（）A.B.C.D.答案：C3、在网页中，必须使用（）标记来完成超级链接。A.-B.-*C.-D. 答案：A4、用HTML标记语言编写一个简单的网页，网页最基本的结构是（）。A. * * B. * * C. - - D. * 答案：D5、以下标记符中，用于设置页面标题的是（）A.titleB.C.D.答案：A6、以下选项中，哪个全部是表格标记（）A.C.D. 答案：B7、在input元素的type属性中，用于表示单行文本框的属性是（）A.type= text”type= password

2、”B. type= radio”type= number”答案：AB.confirm()C.alert()D.prompt()答案：C2、在指定的毫秒数后调用函数或执行一段代码的是()A.setlnterval()B.clearlnterval()C.clearTimeout()D.setTimeout()答案：D3、加载history列表中的下一个URL,使用下列哪一个函数()A.back()B.length()C.go()D.forward()答案：D4、把键盘焦点给予一个窗口使用下列哪个函数()A.print()B.focus()C.open()D.close()答案：B5、()用于获取

3、浏览器的相关数据，如浏览器的名称、版本等，也成为浏览器的嗅探器。A.navigator浏览器对象B.screen屏幕对象C.document文档对象0.location地址栏对象答案：A6、【多选】BOM对象主要包括哪几种对象？A.history (历史)B.window (窗口)C.navigator (浏览器程序)0.screen (屏幕)答案：ABCD7、【判断】BOM是指浏览器对象模型，在实际开发中，JavaScript经常操作浏览器窗口及 窗口上的控件，实现用户和页面的动态交互。(对)8、【判断】history用于获取当前浏览器中URL地址栏内的相关数据。(错)9、【判断】scree

4、n屏幕对象：可获取与屏幕相关的数据。如屏幕的分变率、坐标信息等。(对)10、【判断】confirm。用于显示可以提示用户输入的对话框。（错）11、【判断】prompt。用于显示带有一段消息以及确认按钮和取消按钮的对话框（错）8、若要在页面中创建一个图形超链接，要显示的图形为myhome.jpg,所链接的地址为 https:,以下用法中以下用法中，正确的是（）Amyhome.jpgB.cimgsrc= myhome.jpgn C. 答案：B9、在HTML源代码中，图像的属性用（）标记来定义。A.pictureB.imgC.picD.image答案：B10、HTML是一种什么语言？（）A.是一种编

5、程语言B.是一种标记语言C.是一种脚本语言D.是一种程序语言答案：B11、【判断】将input元素的type属性设置为number类型,并且还可以分别设置min, max, 和step属性的值。（对）12、【判断】当定义input控件的type属性值为text时，可以创建一个单行文本输入框也可 以创建一个多行文本框。（错）13、【判断】当用定义多行文本框时，其中用cols来定义多行文本框中每行的字 符数。（对）14、【判断】HTML标签是由尖括号包围的关键词，比如html乂对）15、【判断】HTML标签是成对出现的，比如和 （对）项目2 CSS3基础1 after伪元素是在元素哪里添加内容？A

6、.之后B.之右C之前D之左答案：A2、为了使CSS3的新特性可以运行在chrome浏览器上，可以使用私有属性A.-webkit-;B.-moz-;C.-khtml-;D.-chr-答案：A3、请选择可以使单元格中的内容可以进行左对齐的正确HTML标记A.;B.;C.D.;答案：B4、下面关于样式的说法不正确的是A.样式可以控制网页背景图片；B.字体大小的单位可以是em;C.margin属性的属性值可以是百分比；D.lem等于18像素答案：D5、若设计网页的背景图形为bg.jpg,以下标记中，正确的是A.;B.C.;D.;答案：D6、在CSS中不属于添加在当前页面的形式是A.内联式样式表B.嵌入

7、式样式表；C.链接式样式表；D.层叠式样式表；答案：C7、如果层中的图片太大，要设置超出部分照样显示，则“溢出“选项中应选择()A.autoB.visible;C.scroll;0.hidden;答案：B8、CSS中的选择器不包括A.类选择器；B.超文本标记选择器；C.ID选择器D.类选择器；答案：B9、给所有的皿标签添加背景颜色的是A.hl background-color:#FFFFFFB.hl.all background-color:#FFFFFFC. #hl background-color:#FFFFFFD.hl background-color:#FFFFFF;答案：D10、以下

8、选项中属于行内标签的是A.divB.hrD.span答案：D11、【多选】css中，盒模型的属性包括（）A. visibleB.marginC.borderD. padding答案：BCD12、【多选】边框的样式可以包含的值包括？A.样式B.粗细C.颜色D.长短答案：ABC13、【多选】下面关于CSS的说法正确的有（）A.CSS可以控制网页背景图片；margin属性不能同时设置四个边的边距B. margin属性的属性值可以是百分比；D.整个BODY可以作为一个BOX;答案：ACD14、【多选】下面哪些是复合选择器？A.伪元素选择器B.子元素选择器C.相邻元素选择器D.伪类选择器答案：BC15、

9、【多选】在CSS定义中，a:hover必须被置于什么和什么之后，才是有效的。A.aJinkB.a:visitedC.a:hoverD.aiactive答案：AB16、【判断】使用DIV+CSS3盒子模型的网页，结构清晰，更有利于搜索引擎的搜索（对）17、【判断】DIV+HTML5+CSS是目前经典的CSS盒子模型方式（对）18、【判断】左右两栏+页眉+页脚版式用于对网页结构的排版（对）19、【判断】不可以通过设置父元素的伪元素after的样式来实现其高度自适应变化（错）20、【判断】当子元素全部使用浮动排版时，父元素的高度不能自适应变化（对）项目3 CSS3+DIV页面结构布局I、要进行浮动，

10、使用的css属性是A.marginB.z-indexC.float0.position答案：C2、京东首页中，随着拉伸屏幕，上方的搜索工具栏，始终在固定位置，请问这种导航，采 用哪种定位方式？A.relativeB.absoluteC.staticD.fixed答案：D3、以下不是float属性的是A.rightB.leftCallnone答案：C4、怎样使一个层垂直居中于浏览器中A.padding: 50% 50%B.margin: 0 autoC.margin: 50% 50%0.margin: -100 auto答案：C5、css 中 body padding-left:20px;表示A

11、.页面左边的表格大小B.页面左边的空白大小C.页面左边的可用区域大小D.页面左边的可编辑区域大小答案：B6、在CSS中，下面不属于BOX模型属性的有A.borderB.marginC.paddingD.font答案：D7、以下可以改变元素的左外补丁的属性是A.text-indentB.marginC.indentD.marginle 代答案：D8、CSS是利用HTML的（）标记构建网页布局A.B.C.D.答案：C9、关于DIV标记，下列说法错误的是A.若将DIV设置宽高，若其背景图片比它大，则多余的背景图片显示不出来B.可以用DIV来制作导航菜单C.若将某个DIV标记的visibility属性

12、设为hidden,则该DIV标记会让出其原来占有的空间D.DIV是一个无任何语义的标签答案：C10、下列说法中正确的是0。A.在层面板中睁眼的层表示显示层，闭眼的层表示隐藏层B.所有层的Z轴的大小不能重复C.层的Z轴越小，层的叠放位置就越靠近顶部D.层的Z轴越大，层的叠放位置就越靠近底部答案：A11、【判断】CSS的盒子模型由内容(content) 边框(border) 内边距(padding) 外 边距(margin)组成。(对)12、【判断】盒子的默认定位为fixed,即固定定位(错)13、【判断】盒子的相对定位是指相对于其身原有位置进行偏移，一般会结合left、right、 top bo

13、ttom属性使用(对)14、【判断】绝对定位是以其父元素为参考对象，绝对定位的元素会脱离文档流(错)15、【判断】所有的盒子模型在默认情况下都按w3c标准进行解析(错)项目4CSS3新增动画特效1、使用transform属性不能实现下列哪个效果？A.将元素变得透明B.将元素向右进行旋转C.将元素的原点修改为左上角D.将元素向左和右进行移动答案：A2、下列选项中不可以实现对元素缩放的是？A.transform:scaleX (-2.0)B.transform:scal(10)C.transform:scale (10, 20)D.transform:scaleX (-2.0deg);答案：D3、

14、下列选相适应transform-origin属性错误的是？A.transform-origin： 10% 50%;B.transform-origin： top Ie代C.transform-origin： -20deg lOdegD.transform-origin： lOOpx left答案：C4、下列不属于transition子属性的是？A.transition-delayB.transition-propertyC.transition-durationD.transition-function答案：D5、下列不属于CSS3中过渡效果名称的是？A.linearB.easeC.cubic

15、-bezierD.fade答案：D6、下列transition-delay属性的用法中，错误的是？A.transition-delay： -50sB.transition-delay： 50sC.transition-delay： none;D.transition-delay： -50ms答案：C7、下列哪个关键帧选择器是错误的？A.formB.beginC.0%D.10%答案：B8、下列不属于animation子属性的是?A.animation-fill-modeB.animation-directionC.animation-timing-functionD.animation-coun

16、t答案：D9、【填空】当过渡效果需要应用到所有CSS属性上时,应该将transition-property设置为（all） 值10【填空】如果要实现平移功能应该将transform属性设置为(translate)11、【填空】在CSS3中，要创建动画必须使用(keyframe)属性定义关键帧集合项目 5 JavaScript1、产生当前日期的方法是()A.new Now()B.new Date()C.Now()D.Date()答案：B2、在HTML页面上编写Javascript代码时，应编写在()标签中间。A. 和B. 和C.和D. 和答案：C3、分析下面的 JavaScript 代码段：va

17、r a=15. 49; document. write(Math . round(a);输出 的结果是()oA.15C.16D. 15.5答案：A4、下列哪个函数可以将参数转换为浮点数？A.isNaN()B.parselnt()C.parseFloat()D. Number()答案：C5、下列JavaScript的循环语句中()是正确的A.if(i10;i+)B.for(i=0;i10)C.for(i=0;idocument.open（“欢迎学习。net）;B.document.write（“欢迎学习。netv）;C.alert（“欢迎学习。net” ）;D. confirm（“欢迎学习。ne

18、t” ）;答案：C9、网页编程中，运行下面的 javascript 代码：x=3;y=2;z=（x+2）/y; alert（z）;则提示框中显示（）A. 32/22C.2. 5D. 16答案：C10 分析下面的 Javascript 代码段var p=2; switch （p） case 1: document.writefcase 1）; case 2 : document.write（case 2H）; default: document.write（ default）;输出的结果是（）A. case2 defaultB.easel;C.case2;0.default;答案：A11、【判断】Javascript代码可以放在headx/head中，也可以放在之间（对）12、【判断】在JavaScript的语法中，句末的分号“；”是JavaScript程序作为一个语句结束 的标识符。（对）13、【判断】.JavaScript代码可以在同一个HTML网页的头部与主体部分同时嵌入，并且在 同一个网页中可以多次嵌入JavaScript代码。（对）14【判断】JavaScript对字母大小写不敏感。（对）15、【判断】一个关键字var可以同时声明多个变量名。（对）项目6浏览器对象模型BOM1、显示带有一段消息和一个确认按钮的警告框可以使用（）A.open()