Web前端技术试题

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. &sbnpD. &sbnp;答案:B5.标记一般包含在_标记中。( )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和png B. gif, bmp和pngC. bmp, jpg和png D. psd, gif和png答案:A9.关于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. #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. 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-height答案: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属性是用来更改背景颜色的？( )A. background-color:B. bgcolor:C. color:D. text:答案:A20.怎样给所有的标签添加背景颜色? ( )A. .h1 background-color:#FFFFFFB. h1 background-color:#FFFFFF;C. h1.all background-color:#FFFFFFD. #h1 background-color:#FFFFFF答案:B21.下列哪个CSS属性可以更改样式表的字体颜色？( )A. text-color=B. fgcolor:C. text-color:D. color:答案:D22.下列哪个CSS属性可以更改字体大小？( )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-transform: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. 上、下、左、右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.不是动态网页的特点的一项是:A.动态网页可每次显示不同的内容B.动态网页中含动画C.动态网页中含有服务端代码D.动态网页一般需要数据库支持答案: B34.CSS长度单位有绝对单位、相对单位和百分比。下列说法正确的是:A. px指屏幕的像素,它是相对单位B. pt指屏幕的像素,它是相对单位C. pt指屏幕的像素,它是绝对单位,屏幕上尺寸不随屏幕分辨率的改变而改变D. pt在印刷行业中常见,是相对单位答案: A35.实现图文混排及首字下沉效果最好的技术方法是:A.浮动 B.相对定位 C.绝对定位 D.以上都对答案: A36.CSS长度单位有绝对单位、相对单位和百分比。下列说法正确的是:A. px指屏幕的像素,它是绝对单位.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.当两个块级元素的盒子上下排列时,它们之间的边界(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. 错误答案: 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); height:32px; padding-left:24px; display:block; /* 2:*/ float:left; /*3:*/ line-height:32px; /* 4:*/b background-image:url(xxwlzx/yuanjiao2.gif); background-position:right top; /*5:*/ display:block; width:60px； 答案: 1:清除超链接的下划线2:将a标记以块级元素显示3:让a标记左浮动4:将行高和高设为相同,实现盒子中的文字垂直居中5:让背景图片从右下角开始显示6.下列各项描述的定位方式是什么?(填写static、relative、aboslute或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.hover是交集选择器,应用了.hover类选择器的a标记应用该样式；3)a:hover b是后代选择器,当鼠标悬浮在a标记上时,被a标记包含的b标记将应用该样式；4)a.hover b是后代选择器,应用了.hover类选择器的a标记里的b标记将应用该样式。2.有些网页里超链接的下划线是虚线,你认为这是怎么实现的？(6分)答:将该元素的CSS属性里的text-decoration: none;再将其border-bottom设为1象素,虚线.(或者用一张下面有虚线的图片作为该元素的盒子背景),