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.
〈/head〉 B。
〈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进行转换,（ ）标记用来创建一个列表项。
答案：
〈ul〉
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象素,虚线。
（或者用一张下面有虚线的图片作为该元素的盒子背景），
升级会员 