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