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

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

2、ype=“radio”D.type=“number”答案：A8、若要在页面中创建一个图形超链接，要显示的图形为 myhome.jpg,所链接的地址为,以下用法中以下用法中，正确的是（ ）A.myhome.jpgB.C.D.答案：B9、在 HTML源代码中，图像的属性用（）标记来定义。A.picture B.img C.pic D.image答案：B10、HTML是一种什么语言？（ ）A.是一种编程语言B. 是一种标记语言C.是一种脚本语言D.是一种程序语言答案：B11、【判断】将input元素的type属性设置为number类型，并且还可以分别设置min，max,和step属性的值。（对 ）1

3、2、【判断】当定义input控件的type属性值为text时，可以创建一个单行文本输入框也可以创建一个多行文本框。（错 ）13、【判断】当用定义多行文本框时，其中用cols来定义多行文本框中每行的字符数。（对 ）14、【判断】HTML标签是由尖括号包围的关键词，比如( 对)15、【判断】HTML标签是成对出现的，比如和（对 ）项目2 CSS3基础1、after伪元素是在元素哪里添加内容？A.之后B.之右C.之前D.之左答案：A2、为了使CSS3的新特性可以运行在chrome浏览器上，可以使用私有属性A.-webkit-;B.-moz-;C.-khtml-;D.-chr-答案：A3、请选择可以使

4、单元格中的内容可以进行左对齐的正确HTML标记A.;B.;C.D.;答案：B4、下面关于样式的说法不正确的是A.样式可以控制网页背景图片 ;B.字体大小的单位可以是em ;C.margin属性的属性值可以是百分比 ;D.1em等于18像素答案：D5、若设计网页的背景图形为bg.jpg，以下标记中，正确的是A.;B.C.;D.;答案：D6、在CSS中不属于添加在当前页面的形式是A.内联式样式表B.嵌入式样式表;C.链接式样式表;D.层叠式样式表;答案：C7、如果层中的图片太大，要设置超出部分照样显示，则 溢出 选项中应选择()A.autoB.visibIe;C.scrolI;D.hidden;答

5、案：B8、CSS 中的选择器不包括A.类选择器;B.超文本标记选择器;C.ID 选择器D.类选择器;答案：B9、给所有的h1标签添加背景颜色的是A.h1 background-color:#FFFFFFB.h1.all background-color:#FFFFFFC.#h1 background-color:#FFFFFFD.h1 background-color:#FFFFFF;答案：D10、以下选项中属于行内标签的是A.divB.hrC.pD.span答案：D11、【多选】CSS 中，盒模型的属性包括（ ）A.visibleB.marginC.borderD.padding答案：BCD

6、12、【多选】边框的样式可以包含的值包括？A.样式B.粗细C.颜色D.长短答案：ABC13、【多选】下面关于 CSS 的说法正确的有 ( )A.CSS 可以控制网页背景图片;B.margin 属性不能同时设置四个边的边距C.margin 属性的属性值可以是百分比;D.整个 BODY 可以作为一个 BOX ;答案：ACD14、【多选】下面哪些是复合选择器？A.伪元素选择器B.子元素选择器C.相邻元素选择器D.伪类选择器答案：BC15、【多选】在 CSS 定义中，a:hover 必须被置于什么 和什么之后，才是有效的。A.a:linkB.a:visitedC.a:hoverD.a:active答案

7、：AB16、【判断】使用DIV+CSS3盒子模型的网页，结构清晰，更有利于搜索引擎的搜索（对）17、【判断】DIV+HTML5+CSS是目前经典的CSS盒子模型方式（对）18、【判断】左右两栏+页眉+页脚版式用于对网页结构的排版（对）19、【判断】不可以通过设置父元素的伪元素after的样式来实现其高度自适应变化（错）20、【判断】当子元素全部使用浮动排版时，父元素的高度不能自适应变化（对）项目3 CSS3+DIV页面结构布局1、要进行浮动，使用的CSS属性是A.marginB.z-indexC.floatD.position答案：C2、京东首页中，随着拉伸屏幕，上方的搜索工具栏，始终在固定位

8、置，请问这种导航，采用哪种定位方式？A.relativeB.absoluteC.staticD.fixed答案：D3、以下不是float属性的是A.rightB.leftC.allD.none答案：C4、怎样使一个层垂直居中于浏览器中A.padding: 50% 50%B.margin: 0 autoC.margin: 50% 50%D.margin: -100 auto答案：C5、css中 body padding-left:20px;表示A.页面左边的表格大小B.页面左边的空白大小C.页面左边的可用区域大小D.页面左边的可编辑区域大小答案：B6、在CSS中，下面不属于BOX模型属性的有A.

9、borderB.marginC.paddingD.font答案：D7、以下可以改变元素的左外补丁的属性是A.text-indentB.marginC.indentD.margin-left答案：D8、CSS是利用HTML的（ ）标记构建网页布局A.pB.tableC.divD.ul答案：C9、关于DIV标记，下列说法错误的是A.若将DIV设置宽高，若其背景图片比它大，则多余的背景图片显示不出来B.可以用DIV来制作导航菜单C.若将某个DIV标记的visibility属性设为hidden，则该DIV标记会让出其原来占有的空间D.DIV是一个无任何语义的标签答案：C10、下列说法中正确的是() 。

10、A.在层面板中睁眼的层表示显示层，闭眼的层表示隐藏层B.所有层的 Z 轴的大小不能重复C.层的 Z轴越小，层的叠放位置就越靠近顶部D.层的 Z轴越大，层的叠放位置就越靠近底部答案：A11、【判断】CSS的盒子模型由内容（content）、边框（border）、内边距（padding）、外边距（margin）组成。（对）12、【判断】盒子的默认定位为fixed，即固定定位（错）13、【判断】盒子的相对定位是指相对于其身原有位置进行偏移，一般会结合left、right、top、bottom属性使用（对）14、【判断】绝对定位是以其父元素为参考对象，绝对定位的元素会脱离文档流（错）15、【判断】所有

11、的盒子模型在默认情况下都按w3c标准进行解析（错）项目4 CSS3新增动画特效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、下列选相适应transform-origin属性错误的是？A.transform-origin：10% 50%;B.tran

12、sform-origin：top leftC.transform-origin：-20deg 10degD.transform-origin：100px left答案：C4、下列不属于transition子属性的是？A.transition-delayB.transition-propertyC.transition-durationD.transition-function答案：D5、下列不属于CSS3中过渡效果名称的是？A.linearB.easeC.cubic-bezierD.fade答案：D6、下列transition-delay属性的用法中，错误的是?A.transition-del

13、ay：-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-count答案：D9、【填空】当过渡效果需要应用到所有CSS属性上时，应该将transition-property设置为（all）值10、【填空】

14、如果要实现平移功能应该将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 代码段： var a=1549; documentwrite(Math round(a); 输出的结果是 ()。A.15B.15.4C.16

15、D.15.5答案：A4、下列哪个函数可以将参数转换为浮点数？A.isNaN()B.parseInt()C.parseFloat()D.Number()答案：C5、下列 JavaScript 的循环语句中 ( )是正确的A.if(i10;i+)B.for(i=0;i10)C.for(i=0;i=10;i+)D.for i=1 to 10答案：C6、onfocus事件表示（ ）A.文本被选中B.失去焦点C.获得焦点D.内容发生改变答案：C7、在javascript中的switch语句的语法如下switch(表达式)case 常量1： 语句；break；case 常量1： 语句； break；def

16、ault： 语句；下面描述正确的是（ ）A.switch语句用于重复执行一个语句块的操作B.switch语句根据表达式的值执行若干语句块之一，如果没有匹配项，则执行默认语句块中的语句C.switch语句又叫循环语句D.switch语句表达式中值不能与后面的case语句中的常量相匹配时将出现运行错误答案：B8、在HTML中，以下代码（ ）可以正确显示弹出对话框的是A. document.open(“欢迎学习。net”);B. document.write(“欢迎学习。net”);C. alert(“欢迎学习。net”); D.confirm(“欢迎学习。net”); 答案：C9、网页编程中，运行

17、下面的 javascript 代码： x=3;y=2;z=(x+2)/y;alert(z);则提示框中显示（）A.32/2B.2C.25D.16答案：C10、分析下面的 Javascript 代码段var p=2; switch (p) case 1 : document.write(case 1); case 2 : document.write(case 2); default : document.write( default); 输出的结果是（ ）A.case2 defaultB.case1;C.case2;D.default;答案：A11、【判断】Javascript代码可以放在中，

18、也可以放在之间（对）12、【判断】在JavaScript的语法中，句末的分号”;”是JavaScript程序作为一个语句结束的标识符。（对）13、【判断】.JavaScript代码可以在同一个HTML网页的头部与主体部分同时嵌入，并且在同一个网页中可以多次嵌入JavaScript代码。（对）14、【判断】JavaScript对字母大小写不敏感。（对）15、【判断】一个关键字var可以同时声明多个变量名。（对）项目6 浏览器对象模型BOM1、显示带有一段消息和一个确认按钮的警告框可以使用（）A.open()B.confirm()C.alert()D.prompt()答案：C2、在指定的毫秒数后调

19、用函数或执行一段代码的是（）A.setInterval()B.clearInterval()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、（）用于获取浏览器的相关数据，如浏览器的名称、版本等，也成为浏览器的嗅探器。A.navigator浏览器对象B.screen屏幕对象C.document文档对象D.lo

20、cation地址栏对象答案：A6、【多选】BOM对象主要包括哪几种对象？A.history（历史）B.window（窗口）C.navigator（浏览器程序）D.screen（屏幕）答案：ABCD7、【判断】BOM是指浏览器对象模型，在实际开发中，JavaScript经常操作浏览器窗口及窗口上的控件，实现用户和页面的动态交互。（对）8、【判断】history用于获取当前浏览器中URL地址栏内的相关数据。（错）9、【判断】screen屏幕对象：可获取与屏幕相关的数据。如屏幕的分变率、坐标信息等。（对）10、【判断】confirm()用于显示可以提示用户输入的对话框。（错）11、【判断】prompt()用于显示带有一段消息以及确认按钮和取消按钮的对话框（错）