Web前端技术试题71958.docx
- 文档编号:12660853
- 上传时间:2023-04-21
- 格式:DOCX
- 页数:13
- 大小:18.85KB
Web前端技术试题71958.docx
《Web前端技术试题71958.docx》由会员分享,可在线阅读,更多相关《Web前端技术试题71958.docx(13页珍藏版)》请在冰豆网上搜索。
Web前端技术试题71958
[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案
一、单项选择:
(每题1.5分,共69分)
1。
html语言中,创建一个位于文档内部的锚点的语句是:
( )
A.〈name=“NAME”> B。
C。
答案: C 2。 html中的元素可分为块级(block)元素和行内(inline)元素,下列哪个元素是块级元素: ( ) A。 D。 答案: A 3。 下列哪条html语句的写法符合XHTML规范: ( ) A.〈br> B。 〈imgsrc=”photo.jpg”/> C. D。 〈imgsrc=photo。 jpg〉 答案: B 4。 在编辑网页时,按“Ctrl+Shift+空格键”插入的HTML源代码为: ( ) A.&nbsp B. C.&sbnp D.&sbnp; 答案: B 5。 ( ) A. 〈table〉〈/table> 答案: A 6.要在新窗口打开一个链接指向的网页需用到( ) A。 href=“_blank” B.Name=“_blank” C。 target=“_blank” D.href=“#blank” 答案: C 7。 特殊符号©(版权符号)对应的源代码是: ( ) A.Copy; B.©; 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: 0auto;width: 780px;} B。 #container{position: relative;width: 780px; left: 50%;margin—left: -390px;} C.#container{margin: 0auto;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。 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。 〈pstyle="font—size: bold"> C.p{text—size: bold} D.p{font-weight: bold} 答案: D 24。 如何去掉文本超级链接的下划线? ( ) A.a{text-decoration: nounderline} B。 a{underline: none} C。 a{decoration: nounderline} 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: 10px20px30px40px代表的填充值顺序分别是: 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框架是DWCS3中新增的功能。 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,只能使用 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/〉 2。 ( )标记用来创建一个标有数字的列表;( )标记用来创建一个标有黑点的列表,两种列表可以使用CSS属性list—style—type进行转换,( )标记用来创建一个列表项。 答案: 3。 有一a元素结构为〈ahref="#”〉〈b>首页 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: righttop; /*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属性该表元素的层叠次序。 abosluterelativefixed 3)元素以它的包含框为定位基准。 aboslute 4)元素相对于它原来的位置为定位基准。 relative 5)元素在标准流中的位置会被其它元素占据.aboslute fixed 三、问答题(共16分) 1。 CSS中的选择器有很多种类型,写出下列选择器的类型和作用: (10分) 1)a: hover 2)a.hover 3)a: hoverb 4)a.hoverb 答: 1)a: hover是伪类选择器,当鼠标悬浮在a标记上时应用该选择器定义的样式; 2)a。 hover是交集选择器,应用了。 hover类选择器的a标记应用该样式; 3)a: hoverb是后代选择器,当鼠标悬浮在a标记上时,被a标记包含的b标记将应用该样式; 4)a。 hoverb是后代选择器,应用了。 hover类选择器的a标记里的b标记将应用该样式。 2.有些网页里超链接的下划线是虚线,你认为这是怎么实现的? (6分) 答: 将该元素的CSS属性里的text-decoration: none;再将其border-bottom设为1象素,虚线。 (或者用一张下面有虚线的图片作为该元素的盒子背景), 如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。 〈ul〉