Web前端技术试题

1、实用标准文案Web前端技术教学基于Web标准的网页设计与制作试题及答案一、单项选择：(每题1.5分，共69分)1 .html语言中创建一个位于文档内部的锚点的语句是:()A. B.C. D.答案:C2 .html中的元素可分为块级(block)元素和行内(inline)元素，下列哪个元素是块级元素:()A. B. C. D. 答案:A3 .下列哪条html语句的写法符合 XHTML规范：()A. B. C. D. 答案:B4 .在编辑网页时，按“Ctrl+Shift+ 空格键”插入的HTML源代码为：()A.   B.   C. &sbnp D. &sbnp;答案:B5 .标

2、记一般包含在标记中。（）A. B. C.D.答案:A6 .要在新窗口打开一个链接指向的网页需用到（）A. href = _blank ”B. Name= _blank ”C. target = _blank ”D. href = #blank ”答案:C7 .特殊符号？（版权符号）对应的源代码是：（）A. Copy ; B. © ; C. Copyright ; D. ©right ;答案:B8 .在网页中经常用的图像格式是：（）A. gif, jpg 和 pngB. gif, bmp 和 pngC. bmp, jpg 和 pngD. psd, gif 和 png答案:A9 .

3、关于JavaScript语言，下列说法中错误是：（）A. JavaScript语言是一种解释性语言B. JavaScript语言与操作环境无关C. JavaScript语言与客户端浏览器无关D. JavaScript是动态的，它可以直接对用户输入做出响应答案：C10 .如何能够定义列表的项目符号为实心矩形？（）A. list-type: squareB. type: 2C. type: squareD. list-style-type: square答案:D11 .下列哪种CSS属性不能让页面在浏览器中居中显示（网页中所有可显示的元素都包含在一个 id为container的div盒子内）（）A

4、. #container margin: 0 auto ; width:780px;B. #container position: relative; width:780px;left:50%; margin-left: -390px; C. #container margin: 0 auto ; width:85%; D. #container position: relative; width:780px;right:50%; margin-left: 390px; 答案:D12 .下列哪条CSS样式规则是不正确的:（）A. img float: left; margin: 20px; B

5、. img float: right; width: 120px;height: 80px;C. img float: right; right: 30; D. img float: left; margin-bottom: 2em;答案:C13 .CSS是利用什么XHTML标记构建网页布局？（）A. B. C. D. 答案:B14 .在CSS语言中下列哪一项的适用对象是“所有对象”？（）A.背景附件B.文本排列C.纵向排列D.文本缩进答案:A15 .下列选项中不属于 CSS文本属性的是（）A. font-sizeB. text-transformC. text-alignD. line-he

6、ight答案:D16 .在CSS中不属于添加在当前页面的形式是（）A.内联式样式表B.嵌入式样式表C.层叠式样式表D.链接式样式表答案:D17 .在CSS语言中下列哪一项是“列表样式图象”的语法？（）A. width: 值,B. height: 值,C. white-space: D. list-style-image: 答案:D18 .下列哪一项是CSS正确的语法构成？（）A. body:color=blackB. body;color:blackC. body color: black;D. body:color=black（body答案:C19 .下面哪个CSS属性是用来更改背景颜色的？

7、（）A. background-color:B. bgcolor:C. color:D. text:答案:A20 .怎样给所有的标签添加背景颜色？（）A. .h1 background-color:#FFFFFFB. hl background-color:#FFFFFF;C. hl.all background-color:#FFFFFFD. #h1 background-color:#FFFFFF答案:B21 .下列哪个CSS属性可以更改样式表的字体颜色？（）A. text-color=B. fgcolor:C. text-color:D. color:答案:D22 .下列哪个CSS属性可

8、以更改字体大小？（）A. text-sizeB. font-sizeC. text-styleD. font-style答案:B23 .下列哪段代码能够定义所有P标签内文字加粗？（）A. B. C. p text-size:boldD. p font-weight:bold答案:D24 .如何去掉文本超级链接的下划线？（）A. a text-decoration:no underlineB. a underline:noneC. a decoration:no underlineD. a text-decoration:none答案:D25 .如何设置英文首字母大写？（）A. text-tra

9、nsform:uppercaseB. text-transform:capitalizeC.样式表做不到D. text-decoration:none答案:B26 .下列哪个CSS属性能够更改文本字体？（）A. f:B. font=C. font-family:D. text-decoration:none答案:C27 .下列哪个CSS属性能够设置文本加粗？（）A. font-weight:boldB. style:boldC. font:bD. font=答案:A28 . CSS中,padding:10Px 20Px 30Px 40Px代表的填充值顺序分别是A.上、右、下、左B.上、下、左、

10、右C.上、左、下、右D.左、右、上、下答案:A29 .下列哪个属性能够设置盒模型的左侧外补丁？（）A. margin:B. indent:C. margin-left:D. text-indent:答案:C30 .定义盒模型外补丁的时候是否可以使用负值？（）A.是B.否答案:A31 .常见的 JavaScript 框架有 jQuery、Prototype、Moottools 、ExtJS 和Spry等。目前jQuery最受开发者追捧,Spry框架是DW CS3中新 增的功能。A.正确 B.错误答案:A32 .网页的本质是（）文件。A.图像B.纯文本C.可执行文件D.图像和文本的压缩答案:B33

11、 .不是动态网页的特点的一项是：A.动态网页可每次显示不同的内容B.动态网页中含动画C.动态网页中含有服务端代码D.动态网页一般需要数据库支持答案：B34 .CSS长度单位有绝对单位、相对单位和百分比。下列说法正确的是：A. px指屏幕的像素，它是相对单位B. pt指屏幕的像素，它是相对单位C. pt指屏幕的像素，它是绝对单位，屏幕上尺寸不随屏幕分辨率的改变 而改变D. pt在印刷行业中常见，是相对单位答案：A35 .实现图文混排及首字下沉效果最好的技术方法是：A.浮动B.相对定位C.绝对定位 D.以上都对答案：A36 .CSS长度单位有绝对单位、相对单位和百分比。下列说法正确的是A. px指

12、屏幕的像素，它是绝对单位.B. pt指屏幕的像素，它是相对单位.C. pt指point,它是绝对单位，打印出的尺寸不随屏幕分辨率的改变而改变.D. pt在印刷行业中常见，是相对单位答案：C37 .position 默认值为 static 。表示：A.表示不使用定位属性定位B.表示以浏览器窗口为基准进行绝对定位答案：A38 .关于CSS,正确的是：A.边界margin值可为负，填充padding 指不可为负B.对行内元素设置width或height值也是起作用的C.使用CSS,只能使用 进行结构设计D. margin可以单独设置背景颜色答案：A39 .当两个块级元素的盒子上下排列时，它们之间的边

13、界（margin）将发生 合并,而左右排列时不会。A.正确 B.错误答案：A40 .JavaScript是一种基于对象的语言，而不是面向对象的语言。A.正确 B.错误答案：A41 .JavaScript是事件驱动的语言。A.正确 B.错误答案：A42 .JavaScript变量名不能是关键字或保留字，不区分大小写。A.正确 B.错误答案：B43 .document 对象即属于 BOM,又属于DOM。A.正确 B.错误答案：A44 .对DOM标准支持最好的浏览器是IE。A.正确 B.错误答案：B45 .常用的HTML事件中,onBlur的描述是:任何元素或窗口失去焦点时 触发。A.正确 B.错误

14、答案：A46 .可以使用DOM动态操作CSS属性。A.正确 B.错误答案:A二、填空：（每空1分，共15分。）1. HTML代码中常见的单标记有（）和（）。答案:2 .（）标记用来创建一个标有数字的列表；（）标记用来创建一个标有黑点的列表，两种列表可以使用CSS属性list-style-type进行转换,（）标记用来创建一个列表项。答案： 3 .有一 a元素结构为 首 页,它的CSS样式如下，请在下划线处填写代码注释：a font-size:14px;text-decoration:none;/* 1:*/background-image:url（xxwlzx/yuanjiao2.gif）;h

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

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