2022年Web前端技术试题doc资料 .pdf

《2022年Web前端技术试题doc资料 .pdf》由会员分享，可在线阅读，更多相关《2022年Web前端技术试题doc资料 .pdf（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、此文档来源于网络，如有侵权请联系网站删除只供学习交流用Web前端技术教学 基于 Web 标准的网页设计与制作试题及答案一、单项选择:（每题 1.5 分,共 69分）1.html语言中,创建一个位于文档内部的锚点的语句是:()A.B.C.D.答案:C 2.html中的元素可分为块级(block)元素和行内(inline)元素,下列哪个元素是块级元素:()A.B.C.D.答案:A 3.下列哪条 html 语句的写法符合XHTML 规范:（）A.B.C.D.答案:B 4.在编辑网页时,按“Ctrl+Shift+空格键”插入的HTML 源代码为:()名师资料总结-精品资料欢迎下载-名师精心整理-第 1

2、 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用A.  B. C.&sbnp D.&sbnp;答案:B 5.标记一般包含在 _ 标记中。()A.B.C.D.答案:A 6.要在新窗口打开一个链接指向的网页需用到()A.href“_blank”B.Name=“_blank”C.target“_blank”D.href“#blank”答案:C 7.特殊符号?（版权符号）对应的源代码是:()A.Copy；B.©；C.Copyright；D.©right；答案:B 8.在网页中经常用的图像格式是:()A.gif,jpg和 png B.gif,

3、bmp和 png C.bmp,jpg和 png D.psd,gif和 png 答案:A 9.关于 JavaScript 语言,下列说法中错误是:()名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用A.JavaScript语言是一种解释性语言B.JavaScript语言与操作环境无关C.JavaScript语言与客户端浏览器无关D.JavaScript是动态的,它可以直接对用户输入做出响应答案:C 10.如何能够定义列表的项目符号为实心矩形？()A.list-type:square B.type:2 C.type:s

4、quare 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;rig

5、ht:50%;margin-left:390px;答案:D 12.下列哪条 CSS样式规则是不正确的:()A.img float:left;margin:20px;名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用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.B.C.D.答案:B 14

6、.在 CSS语言中下列哪一项的适用对象是所有对象？()A.背景附件B.文本排列C.纵向排列D.文本缩进答案:A 15.下列选项中不属于CSS 文本属性的是()A.font-size B.text-transform C.text-align D.line-height 答案:D 名师资料总结-精品资料欢迎下载-名师精心整理-第 4 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用16.在 CSS 中不属于添加在当前页面的形式是()A.内联式样式表B.嵌入式样式表C.层叠式样式表D.链接式样式表答案:D 17.在 CSS语言中下列哪一项是列表样式图象 的语法？()A.w

7、idth: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:名师资料总结-精品资料欢迎下载-名师精心整理-第 5 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用D.text:答案:A 2

8、0.怎样给所有的 标签添加背景颜色?()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

9、 答案:B 23.下列哪段代码能够定义所有P 标签内文字加粗？()A.名师资料总结-精品资料欢迎下载-名师精心整理-第 6 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用B.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-

10、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 名师资料总结-精品资料欢迎下载-名师精心整理-第 7 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用27.下列哪个 CSS属性能够设置文本加粗？()A.font-weight:bold B.style:bold C.font:b D.font=答案:

11、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 名师资料总结-精品资料欢迎下载-名师精心整理-第 8 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用31.常见的 JavaScript框架有 jQuery、Proto

12、type、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 指屏幕的像素,它是绝对单位,屏幕上尺寸不

13、随屏幕分辨率的改变而改变名师资料总结-精品资料欢迎下载-名师精心整理-第 9 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用D.pt 在印刷行业中常见,是相对单位答案:A 35.实现图文混排及首字下沉效果最好的技术方法是:A.浮动 B.相对定位C.绝对定位D.以上都对答案:A 36.CSS 长度单位有绝对单位、相对单位和百分比。下列说法正确的是:A.px 指屏幕的像素,它是绝对单位.B.pt 指屏幕的像素,它是相对单位.C.pt 指 point,它是绝对单位,打印出的尺寸不随屏幕分辨率的改变而改变.D.pt 在印刷行业中常见,是相对单位答案:C 37.positio

14、n默认值为 static。表示:A.表示不使用定位属性定位B.表示以浏览器窗口为基准进行绝对定位答案:A 38.关于 CSS,正确的是:A.边界 margin值可为负,填充 padding指不可为负B.对行内元素设置width或 height值也是起作用的C.使用 CSS，只能使用 进行结构设计D.margin可以单独设置背景颜色答案:A 名师资料总结-精品资料欢迎下载-名师精心整理-第 10 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用39.当两个块级元素的盒子上下排列时,它们之间的边界(margin)将发生合并,而左右排列时不会。A.正确B.错误答案:A 40

15、.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.错误名师资料总结-精品资料欢迎下载-名师精心整理-第 11 页，共 15 页 -此文档来源

16、于网络，如有侵权请联系网站删除只供学习交流用答案:A 46.可以使用 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

17、:url(xxwlzx/yuanjiao2.gif);height:32px;padding-left:24px;名师资料总结-精品资料欢迎下载-名师精心整理-第 12 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用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:清除超链接的下

18、划线2:将 a 标记以块级元素显示3:让 a 标记左浮动4:将行高和高设为相同,实现盒子中的文字垂直居中5:让背景图片从右下角开始显示6.下列各项描述的定位方式是什么?(填写 static、relative、aboslute或 fixed 中的一项或多项)1)元素在标准流中的位置会被保留。()2)能够通过 z-index属性该表元素的层叠次序。()3)元素以它的包含框为定位基准。()名师资料总结-精品资料欢迎下载-名师精心整理-第 13 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用4)元素相对于它原来的位置为定位基准。()5)元素在标准流中的位置会被其它元素占据。

19、()答案: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 标记上时应用该

20、选择器定义的样式；2)a.hover是交集选择器,应用了.hover 类选择器的 a 标记应用该样式；3)a:hover b是后代选择器,当鼠标悬浮在 a 标记上时,被 a 标记包含的 b标记将应用该样式；4)a.hover b是后代选择器,应用了.hover 类选择器的 a 标记里的 b 标记将应用该样式。名师资料总结-精品资料欢迎下载-名师精心整理-第 14 页，共 15 页 -此文档来源于网络，如有侵权请联系网站删除只供学习交流用2.有些网页里超链接的下划线是虚线,你认为这是怎么实现的？(6 分)答:将该元素的 CSS属性里的 text-decoration:none;再将其border-bottom设为 1 象素,虚线.(或者用一张下面有虚线的图片作为该元素的盒子背景),名师资料总结-精品资料欢迎下载-名师精心整理-第 15 页，共 15 页 -