Web前端技术试题Word文档格式.docx
《Web前端技术试题Word文档格式.docx》由会员分享，可在线阅读，更多相关《Web前端技术试题Word文档格式.docx（13页珍藏版）》请在冰点文库上搜索。
插入的HTＭL源代码为:
）
A、＆nbsp
B、&
ｎbｓｐ;
C。
&
sbnp
D、 &
ｓbnp;
5。
＜title>
<
/title>
标记一般包含在_＿＿＿_标记中。
）ﻫA、〈heａｄ〉＜/ｈead>
B、<
ｐ>
〈/p＞
C、〈bｏdy〉＜/bodｙ>
Ｄ。
〈table＞<
/table＞
A
6、要在新窗口打开一个链接指向的网页需用到（
hｒｅｆ＝“_blａnk”
B、Namｅ=“_ｂlａnk”
C、ｔargeｔ＝“＿blaｎk”
hrｅｆ＝“#blank"
7。
特别符号©
（版权符号）对应的源代码是:
A、Cｏpy;
Ｂ、＆copｙ;
Coｐyrｉght;
Ｄ、＆ｃopyriｇht;
8、在网页中经常用的图像格式是:
gｉｆ,ｊｐｇ和png
B、 gif,bmｐ和pｎg
C、bmｐ,ｊpg和png
Ｄ、psd,gif和ｐｎg
９、关于JavaScript语言,下列说法中错误是:
JaｖaScript语言是一种解释性语言
B、JavａScｒｉpt语言与操作环境无关
C、ＪａvaSｃrｉpｔ语言与客户端浏览器无关
D、JａvａＳｃrｉpｔ是动态的,它能够直截了当对用户输入做出响应
Ｃ
1０。
如何能够定义列表的项目符号为实心矩形?
Ａ、lisｔ—tyｐｅ:
ｓquare
B、ｔypｅ:
2
C、tｙpe:
square
lｉｓt-style－tｙｐｅ:
sｑuare
D
11。
下列哪种ＣＳＳ属性不能让页面在浏览器中居中显示（网页中所有可显示的元素都包含在一个id为container的diｖ盒子内）（
Ａ、＃contａiｎer｛margin:
0auｔo;
ｗidth:
７8０px;
}
Ｂ、#cｏntainｅr{posiｔioｎ:
relａtive;
wｉｄth:
78０px;
ｌｅft:
５0%;
ｍargｉn—ｌeｆt:
—３90pｘ;
}
#ｃｏntａinｅr｛ maｒgiｎ:
０ autｏ;
width:
85％;
｝
#ｃontainer｛positiｏn:
relaｔｉve;
78０pｘ;
rigｈt:
50%;
maｒgin—lｅｆt:
39０px;
｝
12。
下列哪条CSS样式规则是不正确的:
A、 imｇ｛floａt:
ｌefｔ;
margiｎ:
20px;
B、img｛fｌoａt:
right;
12０ｐx;
height:
80px;
C、img｛ float:
riｇht;
right:
30;
Ｄ、img｛ floaｔ:
ｌeｆt;
margin-ｂｏttom:
2ｅm;
１3。
CＳS是利用什么XHＴML标记构建网页布局？
Ａ、＜dｉｒ>
B。
〈diｖ〉
C、＜dｉs>
Ｄ、〈dｉf＞
Ｂ
1４、在ＣSS语言中下列哪一项的适用对象是”所有对象”？
）
A、背景附件
文本排列
纵向排列
Ｄ、 文本缩进
１5。
下列选项中不属于CSS
文本属性的是（
A、 ｆont—ｓize
B、text－ｔrａｎsfoｒm
C、ｔext—aliｇn
D、lｉne－heｉgｈt
16。
在ＣSS
中不属于添加在当前页面的形式是（
内联式样式表
嵌入式样式表
C、层叠式样式表
Ｄ。
链接式样式表
1７。
在ＣＳS语言中下列哪一项是”列表样式图象"
的语法?
Ａ。
<
值〉
Ｂ、 heighｔ:
值＞
Ｃ、ｗhite－sｐaｃｅ:
D、 ｌisｔ-sｔyle－ｉmagｅ:
〈值〉
1８。
下列哪一项是CSS正确的语法构成？
ｂody:
coloｒ=ｂlack
B、｛body;
colｏｒ:
ｂlack｝
C、 ｂodｙ{cｏlｏｒ:
blａｃk;
｝
｛boｄy:
ｃｏlor=bｌａck（bｏdy｝
１９、下面哪个CSＳ属性是用来更改背景颜色的？
A、bａｃkgrｏuｎd-ｃoｌoｒ:
B、bgcolor:
C、coｌｏr:
Ｄ、ｔext:
20、如何给所有的〈h1〉标签添加背景颜色?
（
。
h1{baｃkgroｕｎd—ｃolor:
#FFFFFF｝
h1 ｛backｇroｕnd—ｃoloｒ:
＃FFＦＦFＦ;
ｈ1、aｌl｛background-ｃolｏr:
＃FFFFＦF｝
D、＃h１{background—coｌｏｒ:
＃FFFFFF}
2１、下列哪个ＣSS属性能够更改样式表的字体颜色？
Ａ、 text-ｃolor=
B、ｆgcoｌor:
Ｃ、texｔ-coloｒ:
D、 cｏｌｏr:
Ｄ
２2、下列哪个CSS属性能够更改字体大小？
A、texｔ—sｉze
Ｂ、fｏnt-size
Ｃ。
text－style
ｆont－sｔyle
Ｂ
2３、下列哪段代码能够定义所有P标签内文字加粗?
〈pstyle=”ｔeｘt-size:
bold＂>
p stｙｌe＝”font—ｓｉｚe:
bolｄ"
＞
p ｛text—sｉｚe:
bold}
Ｄ、p{fｏｎt—wｅigｈt:
２4、如何去掉文本超级链接的下划线？
A、a ｛text-dｅcoｒatｉon:
ｎouｎderline}
a｛ｕｎｄeｒline:
none｝
Ｃ、a｛dｅcoration:
nouｎdｅrline｝
a ｛ｔｅｘｔ－deｃoraｔｉon:
nｏne｝
２5。
如何设置英文首字母大写？
teｘt—traｎsform:
uppercase
B、ｔｅｘt－ｔrａnsfｏrm:
ｃapitａlize
Ｃ、样式表做不到
D、 text-decoraｔｉon:
noｎe
B
2６。
下列哪个CSS属性能够更改文本字体?
A、f:
fonｔ＝
fonｔ-famiｌy:
D、tｅｘt－ｄeｃoｒａｔiｏn:
ｎone
２7、下列哪个ＣSS属性能够设置文本加粗？
ｆoｎt-weight:
bolｄ
B、sｔyle:
C、foｎｔ:
b
D、 ｆｏnt＝
A
28、CＳＳ中,paddｉnｇ:
10px20px３0px40px代表的填充值顺序分别是:
A、上、右、下、左
Ｂ。
上、下、左、右
C、上、左、下、右
左、右、上、下
29、下列哪个属性能够设置盒模型的左侧外补丁？
B、iｎｄent:
Ｃ、maｒgｉｎ-ｌｅft:
D、 tｅxｔ—indｅnt:
C
30。
定义盒模型外补丁的时候是否能够使用负值？
Ａ、是
否
31。
常见的JavaSｃriｐt框架有ｊQuerｙ、Prototｙpｅ、Moottoolｓ、ExtJＳ和Spｒｙ等。
目前ｊQuerｙ最受开发者追捧,Ｓｐry框架是DWCS3中新增的功能、
A、正确
B。
错误
３２、网页的本质是（
）文件。
图像
B、纯文本
可执行文件
D、图像和文本的压缩
33、不是动态网页的特点的一项是:
A、动态网页可每次显示不同的内容
B、动态网页中含动画
Ｃ、动态网页中含有服务端代码
D、动态网页一般需要数据库支持
Ｂ
34、ＣSS长度单位有绝对单位、相对单位和百分比。
下列说法正确的是:
ｐx指屏幕的像素,它是相对单位
pt指屏幕的像素,它是相对单位
Ｃ、 pｔ指屏幕的像素,它是绝对单位,屏幕上尺寸不随屏幕分辨率的改变而改变
D、pｔ在印刷行业中常见,是相对单位
A
35、实现图文混排及首字下沉效果最好的技术方法是:
Ａ、浮动Ｂ。
相对定位 C。
绝对定位Ｄ、以上都对
Ａ
36。
ＣSS长度单位有绝对单位、相对单位和百分比。
A、px指屏幕的像素,它是绝对单位。
B、pt指屏幕的像素,它是相对单位。
C、pt指poｉnt,它是绝对单位,打印出的尺寸不随屏幕分辨率的改变而改变、
C
3７、positiｏn默认值为static。
表示:
A、 表示不使用定位属性定位
表示以浏览器窗口为基准进行绝对定位
A
３８、关于CSS,正确的是:
Ａ、边界ｍargin值可为负,填充pａｄdｉng指不可为负
Ｂ、对行内元素设置widtｈ或heiｇht值也是起作用的
C、使用CSＳ,只能使用〈div〉〈／diｖ＞进行结构设计
D、margin能够单独设置背景颜色
39、当两个块级元素的盒子上下排列时,它们之间的边界（maｒｇｉn）将发生合并,而左右排列时可不能。
B、错误
40。
JavaScript是一种基于对象的语言,而不是面向对象的语言。
A、 正确
B、错误
4１、ＪavaSｃｒｉpt是事件驱动的语言。
4２。
JavaSｃriｐt变量名不能是关键字或保留字,不区分大小写。
B、 错误
B
43。
doｃument对象即属于BOM,又属于DOＭ。
44、对ＤOＭ标准支持最好的浏览器是IE。
４5、常用的ＨＴＭL事件中,onBｌur的描述是:
任何元素或窗口失去焦点时触发。
46。
能够使用DOM动态操作CSＳ属性、
正确
Ｂ。
二、填空:
（每空1分,共1５分。
HＴML代码中常见的单标记有（
）和（
）。
＜br/>
hr/>
2、（
）标记用来创建一个标有数字的列表;
）标记用来创建一个标有黑点的列表,两种列表能够使用ＣＳS属性ｌisｔ-sｔylｅ—type进行转换,（
）标记用来创建一个列表项、
ol>
ul〉
ｌi>
3。
有一a元素结构为〈ahrｅf=＂＃"
〉〈ｂ＞首页<
／b＞<
/ａ＞,它的CSS样式如下,请在下划线处填写代码注释:
a{
fonｔ－sizｅ:
14px;
teｘｔ－deｃoratiｏn:
none;
/＊１:
＊/
bacｋgrounｄ-imaｇe:
ｕｒl（xｘwlｚx/yuanjｉaｏ２、gif）;
heigｈt:
32ｐx;
paddｉnｇ－ｌefｔ:
24px;
ｄisｐlay:
block;
/*2:
*／
float:
left;
／*3:
line-heｉｇht:
3２px;
/＊４:
*/
ｂ ｛
bａckground－ｉmagｅ:
url（ｘｘwlzx/yuaｎjiao2。
ｇif）;
bacｋgroｕnd－poｓitｉｏn:
rｉｇht ｔop;
/*5:
＊／
dｉspｌay:
60px;
1:
清除超链接的下划线
2:
将ａ标记以块级元素显示
３:
让a标记左浮动
4:
将行高和高设为相同,实现盒子中的文字垂直居中
5:
让背景图片从右下角开始显示
6、下列各项描述的定位方式是什么？
（填写staｔic、relａtｉｖｅ、aboslutｅ或fixｅｄ中的一项或多项）
1）元素在标准流中的位置会被保留、（
2）能够通过z—ｉndeｘ属性该表元素的层叠次序。
3）元素以它的包含框为定位基准。
4）元素相关于它原来的位置为定位基准。
5）元素在标准流中的位置会被其它元素占据。
1）元素在标准流中的位置会被保留、ｒelaｔiｖe
2）能够通过z-iｎdex属性该表元素的层叠次序。
aｂｏslｕtereｌatｉvｅfixeｄ
3）元素以它的包含框为定位基准、abosluｔe
relａtive
５）元素在标准流中的位置会被其它元素占据。
ａbｏslute
ｆixed
三、问答题（共1６分）
1、CSＳ中的选择器有特别多种类型,写出下列选择器的类型和作用:
（10分）
1）ａ:
hover
2）a、ｈover
3）ａ:
ｈover b
４）a。
hoveｒb
答:
hoｖer是伪类选择器,当鼠标悬浮在ａ标记上时应用该选择器定义的样式;
２）a、hovｅｒ是交集选择器,应用了、hoｖｅｒ类选择器的ａ标记应用该样式;
３）a:
hovｅrb是后代选择器,当鼠标悬浮在ａ标记上时,被a标记包含的ｂ标记将应用该样式;
4）a、hover b是后代选择器,应用了。
ｈover类选择器的a标记里的b标记将应用该样式。
2。
有些网页里超链接的下划线是虚线,您认为这是如何实现的？
（６分）
将该元素的CSＳ属性里的text-ｄeｃorａtiｏｎ:
ｎone;
再将其ｂordｅr-ｂｏtｔom设为1象素,虚线。
（或者用一张下面有虚线的图片作为该元素的盒子背景）,
升级会员 