Web前端技术试题.doc_咨信网zixin.com.cn

资源描述

[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案一、单项选择:（每题1.5分,共69分） 1.html语言中,创建一个位于文档内部的锚点的语句是:( ) A. <name=“NAME”> B.<name=“NAME”></name> C. <a name=“NAME”></a> D.<a name=“#NAME”></a> 答案:C 2.html中的元素可分为块级(block)元素和行内(inline)元素,下列哪个元素是块级元素:( ) A. <p> B. <b> C. <a> D. <span> 答案:A 3.下列哪条html语句的写法符合XHTML规范:（） A. <br> B. <img src= ”photo.jpg” /> C. <IMG src= ”photo.jpg” ></IMG> D. <img src= photo.jpg ></img> 答案:B 4.在编辑网页时,按“Ctrl+Shift+空格键”插入的HTML源代码为:( ) A. &nbsp B.   C. &sbnp D. &sbnp; 答案:B 5.<title></title>标记一般包含在_____标记中。( ) A.<head></head> B.<p></p> C.<body></body> D.<table></table> 答案:A 6.要在新窗口打开一个链接指向的网页需用到( ) A. href＝“_blank” B. Name=“_blank” C. target＝“_blank” D. href＝“#blank” 答案:C 7.特殊符号©（版权符号）对应的源代码是:( ) A. Copy； B. &copy； C. Copyright； D. &copyright；答案:B 8.在网页中经常用的图像格式是:( ) A. gif, jpg和png B. gif, bmp和png C. bmp, jpg和png D. psd, gif和png 答案:A 9.关于JavaScript语言,下列说法中错误是:( ) A. JavaScript语言是一种解释性语言 B. JavaScript语言与操作环境无关 C. JavaScript语言与客户端浏览器无关 D. JavaScript是动态的,它可以直接对用户输入做出响应答案:C 10.如何能够定义列表的项目符号为实心矩形？( ) A. list-type: square B. type: 2 C. type: square D. list-style-type: square 答案:D 11.下列哪种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; } 答案:D 12.下列哪条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; } 答案:C 13.CSS是利用什么XHTML标记构建网页布局？( ) A. <dir> B. <div> C. <dis> D. <dif> 答案:B 14.在CSS语言中下列哪一项的适用对象是"所有对象"？( ) A. 背景附件 B. 文本排列 C. 纵向排列 D. 文本缩进答案:A 15.下列选项中不属于CSS 文本属性的是( ) A. font-size B. text-transform C. text-align D. line-height 答案:D 16.在CSS 中不属于添加在当前页面的形式是( ) A. 内联式样式表 B. 嵌入式样式表 C. 层叠式样式表 D. 链接式样式表答案:D 17.在CSS语言中下列哪一项是"列表样式图象"的语法？( ) A. width: <值> B. height: <值> C. white-space: <值> D. list-style-image: <值> 答案:D 18.下列哪一项是CSS正确的语法构成？( ) A. body:color=black B. {body;color:black} C. body {color: black;} D. {body:color=black(body} 答案:C 19.下面哪个CSS属性是用来更改背景颜色的？( ) A. background-color: B. bgcolor: C. color: D. text: 答案:A 20.怎样给所有的<h1>标签添加背景颜色? ( ) A. .h1 {background-color:#FFFFFF} B. h1 {background-color:#FFFFFF;} C. h1.all {background-color:#FFFFFF} D. #h1 {background-color:#FFFFFF} 答案:B 21.下列哪个CSS属性可以更改样式表的字体颜色？( ) A. text-color= B. fgcolor: C. text-color: D. color: 答案:D 22.下列哪个CSS属性可以更改字体大小？( ) A. text-size B. font-size C. text-style D. font-style 答案:B 23.下列哪段代码能够定义所有P标签内文字加粗？( ) A. <pstyle="text-size:bold"> B. <p style="font-size:bold"> C. p {text-size:bold} D. p {font-weight:bold} 答案:D 24.如何去掉文本超级链接的下划线？( ) A. a {text-decoration:no underline} B. a {underline:none} C. a {decoration:no underline} D. a {text-decoration:none} 答案:D 25.如何设置英文首字母大写？( ) A. text-transform:uppercase B. text-transform:capitalize C. 样式表做不到 D. text-decoration:none 答案:B 26.下列哪个CSS属性能够更改文本字体？( ) A. f: B. font= C. font-family: D. text-decoration:none 答案:C 27.下列哪个CSS属性能够设置文本加粗？( ) A. font-weight:bold B. style:bold C. font:b D. font= 答案:A 28. CSS中,padding:10px 20px 30px 40px代表的填充值顺序分别是: A. 上、右、下、左 B. 上、下、左、右 C. 上、左、下、右 D. 左、右、上、下答案:A 29.下列哪个属性能够设置盒模型的左侧外补丁？( ) A. margin: B. indent: C. margin-left: D. text-indent: 答案:C 30.定义盒模型外补丁的时候是否可以使用负值? ( ) A. 是 B. 否答案:A 31.常见的JavaScript框架有jQuery、Prototype、Moottools、ExtJS和Spry等。目前jQuery最受开发者追捧,Spry框架是DW CS3中新增的功能。 A. 正确 B. 错误答案:A 32.网页的本质是( )文件。 A.图像 B.纯文本 C.可执行文件 D.图像和文本的压缩答案:B 33.不是动态网页的特点的一项是: A.动态网页可每次显示不同的内容 B.动态网页中含动画 C.动态网页中含有服务端代码 D.动态网页一般需要数据库支持答案: B 34.CSS长度单位有绝对单位、相对单位和百分比。下列说法正确的是: A. px指屏幕的像素,它是相对单位 B. pt指屏幕的像素,它是相对单位 C. pt指屏幕的像素,它是绝对单位,屏幕上尺寸不随屏幕分辨率的改变而改变 D. pt在印刷行业中常见,是相对单位答案: A 35.实现图文混排及首字下沉效果最好的技术方法是: A.浮动 B.相对定位 C.绝对定位 D.以上都对答案: A 36.CSS长度单位有绝对单位、相对单位和百分比。下列说法正确的是: A. px指屏幕的像素,它是绝对单位. B. pt指屏幕的像素,它是相对单位. C. pt指point,它是绝对单位,打印出的尺寸不随屏幕分辨率的改变而改变. D. pt在印刷行业中常见,是相对单位答案: C 37.position默认值为static。表示: A. 表示不使用定位属性定位 B. 表示以浏览器窗口为基准进行绝对定位答案: A 38.关于CSS,正确的是: A. 边界margin值可为负,填充padding指不可为负 B. 对行内元素设置width或height值也是起作用的 C. 使用CSS，只能使用<div></div>进行结构设计 D. margin可以单独设置背景颜色答案: A 39.当两个块级元素的盒子上下排列时,它们之间的边界(margin)将发生合并,而左右排列时不会。 A. 正确 B. 错误答案: A 40.JavaScript是一种基于对象的语言,而不是面向对象的语言。 A. 正确 B. 错误答案: A 41.JavaScript是事件驱动的语言。 A. 正确 B. 错误答案: A 42.JavaScript变量名不能是关键字或保留字,不区分大小写。 A. 正确 B. 错误答案: B 43.document对象即属于BOM,又属于DOM。 A. 正确 B. 错误答案: A 44.对DOM标准支持最好的浏览器是IE。 A. 正确 B. 错误答案: B 45.常用的HTML事件中,onBlur的描述是:任何元素或窗口失去焦点时触发。 A. 正确 B. 错误答案: A 46.可以使用DOM动态操作CSS属性。 A. 正确 B. 错误答案:A 二、填空:（每空1分,共15分。） 1. HTML代码中常见的单标记有( ) 和( )。答案:<br/> <hr/> 2. ( )标记用来创建一个标有数字的列表； ( )标记用来创建一个标有黑点的列表,两种列表可以使用CSS属性list-style-type进行转换,( )标记用来创建一个列表项。答案: <ol> <ul> <li> 3.有一a元素结构为<ahref="#"><b>首页</b></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)元素在标准流中的位置会被保留。relative 2)能够通过z-index属性该表元素的层叠次序。aboslute relative fixed 3)元素以它的包含框为定位基准。aboslute 4)元素相对于它原来的位置为定位基准。relative 5)元素在标准流中的位置会被其它元素占据。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象素,虚线.(或者用一张下面有虚线的图片作为该元素的盒子背景),

展开阅读全文