Web前端技术试题

1、Web前端技术教学基于We而准的网页设计与制作试题及答案一、单项选择:(每题分,共69分)语言中,创建一个位于文档内部的锚点的语句是:()A.B.C.D.答案:C中的元素可分为块级(block)元素和行内(inline)元素,下列哪个元素是块级元素:()A.B.C.D.答案:A3. 下列哪条html语句的写法符合XHTM范：()A. B. C. D. 答案:B4. 在编辑网页时，按“Ctrl+Shift+空格键”插入的HTML代码为：()A. B. C.&sbnpD.&sbnp;答案:B5. 标记一般包含在标记中。()A.B.C.答案:A6. 要在新窗口打开一个链接指向的网页

2、需用到()A. href=_blank”B. Name=“_blank”C. target=_blank”D. href=#blank”答案:C7. 特殊符号?(版权符号)对应的源代码是:()A.Copy；B.©；C.Copyright；©right；答案:B8. 在网页中经常用的图像格式是:()A. gif,jpg和pngB. gif,bmp和pngC. bmp,jpg和pngD. psd,gif和pngD.tableD.答案:A9. 关于JavaScript语言,下列说法中错误是:()A. JavaScript语言是一种解释性语言B. JavaScript语言与操作环境无关

3、C. JavaScript语言与客户端浏览器无关D. JavaScript是动态的,它可以直接对用户输入做出响应答案:C10. 如何能够定义列表的项目符号为实心矩形()A. list-type:squareB. type:2C. type:squareD. list-style-type:square答案:D11 .下列哪种CSSH性不能让页面在浏览器中居中显示(网页中所有可显示的元素都包含在一个id为container的div盒子内)()A. #containermargin:0auto;width:780px;B. #containerposition:relative;width:780

4、px;left:50%;margin-left:-390px;C. #containermargin:0auto;width:85%;D. #containerposition:relative;width:780px;right:50%;margin-left:390px;答案:D12 .下列哪条CSS羊式规则是不正确的：()A. imgfloat:left;margin:20px;B. imgfloat:right;width:120px;height:80px;C. imgfloat:right;right:30;D. imgfloat:left;margin-bottom:2em;答案

5、:C是利用什么XHTM标记构建网页布局()A. B. C. D. 答案:B14. 在CSS语言中下列哪一项的适用对象是“所有对象”()A. 背景附件B. 文本排列C. 纵向排列D. 文本缩进答案:A15. 下列选项中不属于CSS文本属性的是()A. font-sizeB. text-transformC. text-alignD. line-height答案:D16. 在CSS中不属于添加在当前页面的形式是()A. 内联式样式表B. 嵌入式样式表C. 层叠式样式表D. 链接式样式表答案:D17 .在CSS语言中下列哪一项是“列表样式图象”的语法（A. width:B. height:C. wh

6、ite-space:D. list-style-image:答案:D18 .下列哪一项是CSSE确的语法构成（）A. body:color=blackB. body;color:blackC. bodycolor:black;D. body:color=black（body答案:C19 .下面哪个CSSR性是用来更改背景颜色的（）A. background-color:B. bgcolor:C. color:D.text:答案:A20 .怎样给所有的标签添加背景颜色（A. .h1background-color:#FFFFFFB. h1background-color:#FFFFFF;C. b

7、ackground-color:#FFFFFFD. #h1background-color:#FFFFFF答案:B21 .下列哪个CS漏性可以更改样式表的字体颜色（）A. text-color=B. fgcolor:C. text-color:D. color:答案:D22 .下列哪个CSSR性可以更改字体大小（）A. text-sizeB. font-sizeC. text-styleD. font-style答案:B23 .下列哪段代码能够定义所有P标签内文字加粗（）A. B. C. ptext-size:boldD. pfont-weight:bold答案:D24 .如何去掉文本超级链接

8、的下划线()A. atext-decoration:nounderlineB. aunderline:noneC. adecoration:nounderlineD. atext-decoration:none答案:D25 .如何设置英文首字母大写()A. text-transform:uppercaseB. text-transform:capitalizeC. 样式表做不到D. text-decoration:none答案:B26 .下列哪个CS漏性能够更改文本字体()A. f:B. font=C. font-family:D. text-decoration:none答案:C27 .下列

9、哪个CS漏性能够设置文本加粗()A.font-weight:boldB. style:boldC. font:bD. font=答案:A28. CSS中,padding:10Px20Px30Px40Px代表的填充值顺序分别是A. 上、右、下、左B. 上、下、左、右C. 上、左、下、右D. 左、右、上、下答案:A29. 下列哪个属性能够设置盒模型的左侧外补丁()A. margin:B. indent:C. margin-left:D. text-indent:答案:C30. 定义盒模型外补丁的时候是否可以使用负值()A. 是B. 否答案:A31. 常见的JavaScript框架有jQuery、P

10、rototype、Moottools、ExtJS和Spry等。目前jQuery最受开发者追捧,Spry框架是DWCS3中新增的功能。A.正确B.错误答案:A32. 网页的本质是()文件。A. 图像B. 纯文本C. 可执行文件D. 图像和文本的压缩答案:B33. 不是动态网页的特点的一项是:A. 动态网页可每次显示不同的内容B. 动态网页中含动画C. 动态网页中含有服务端代码D.动态网页一般需要数据库支持答案:B长度单位有绝对单位、相对单位和百分比。下列说法正确的是:A. px指屏幕的像素,它是相对单位B. pt指屏幕的像素,它是相对单位C. pt指屏幕的像素,它是绝对单位,屏幕上尺寸不随屏幕分

11、辨率的改变而改变D. pt在印刷行业中常见,是相对单位答案:A35. 实现图文混排及首字下沉效果最好的技术方法是:A.浮动B.相对定位C.绝对定位D.以上都对答案:A长度单位有绝对单位、相对单位和百分比。下列说法正确的是:A. px指屏幕的像素,它是绝对单位.B. pt指屏幕的像素,它是相对单位.C. pt指point,它是绝对单位,打印出的尺寸不随屏幕分辨率的改变而改变.D. pt在印刷行业中常见,是相对单位答案:C默认值为static。表示:A. 表示不使用定位属性定位B. 表示以浏览器窗口为基准进行绝对定位答案:A38.关于CSS正确的是：A. 边界margin值可为负,填充paddin

12、g指不可为负B. 对行内元素设置width或height值也是起作用的C.使用CSS只能使用进行结构设计D.margin可以单独设置背景颜色答案:A39. 当两个块级元素的盒子上下排列时,它们之间的边界(margin)将发生合并,而左右排列时不会。A.正确B.错误答案:A是一种基于对象的语言,而不是面向对象的语言。A.正确B.错误答案:A是事件驱动的语言。A.正确B.错误答案:A变量名不能是关键字或保留字,不区分大小写。A.正确B.错误答案:B对象即属于BOM又属于DOMA.正确B.错误答案:A44 .对DOMS准支持最好的浏览器是IE。A.正确B.错误答案:B45 .常用的HTMI#件中,o

13、nBlur的描述是：任何元素或窗口失去焦点时触发。A.正确B.错误答案：A46 .可以使用DOMft态操作CSSR性。A.正确B.错误答案:A二、填空：（每空1分，共15分。）1. HTML代码中常见白单标记有（）和（）。答案:2 .（）标记用来创建一个标有数字的列表；（）标记用来创建一个标有黑点的列表，两种列表可以使用CSS属，性list-style-type进行转换,（）标记用来创建一个列表项。答案：3 .有一a元素结构为首页,它的CSS羊式如下，请在下划线处填写代码注释：afont-size:14px;text-decoration:none;/*1:*/background-image

14、:url（xxwlzx/;height:32px;padding-left:24px;display:block;/*2:*/float:left;/*3:*/line-height:32px;/*4:*/bbackground-image:url(xxwlzx/;background-position:righttop;/*5:*/display:block;width:60Px;答案：1:清除超链接的下划线2:将a标记以块级元素显示3:让a标记左浮动4:将行高和高设为相同，实现盒子中的文字垂直居中5:让背景图片从右下角开始显示6.下列各项描述的定位方式是什么(填写static、relati

15、ve、aboslute或fixed中的一项或多项)1)元素在标准流中的位置会被保留。()2) 能够通过z-index属性该表元素的层叠次序。()3) 元素以它的包含框为定位基准。()4) 元素相对于它原来的位置为定位基准。()5) 元素在标准流中的位置会被其它元素占据。()答案:1)元素在标准流中的位置会被保留。relative2) 能够通过z-index属性该表元素的层叠次序。abosluterelativefixed3) 元素以它的包含框为定位基准。aboslute4) 元素相对于它原来的位置为定位基准。relative5) 元素在标准流中的位置会被其它元素占据。aboslutefixed三、问答题(共16分)中的选择器有很多种类型,写出下列选择器的类型和作用:(10分)1) a:hover2)3)a:hoverb4)b答:1)a:hover是伪类选择器，当鼠标悬浮在a标记上时应用该选择器