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