Web前端技术试题.docx
- 文档编号:30192953
- 上传时间:2023-08-07
- 格式:DOCX
- 页数:13
- 大小:18.38KB
Web前端技术试题.docx
《Web前端技术试题.docx》由会员分享,可在线阅读,更多相关《Web前端技术试题.docx(13页珍藏版)》请在冰豆网上搜索。
Web前端技术试题
[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案
一、单项选择:
(每题1.5分,共69分)
1.html语言中,创建一个位于文档内部的锚点的语句是:
( )
A.
C.
答案:
C
2.html中的元素可分为块级(block)元素和行内(inline)元素,下列哪个元素是块级元素:
( )
A.
B. C. D.
答案:
A
3.下列哪条html语句的写法符合XHTML规范:
( )
A.
B.
C.
D.
答案:
B
4.在编辑网页时,按“Ctrl+Shift+空格键”插入的HTML源代码为:
( )
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,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.
B.
C.
D.
答案:
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.怎样给所有的
标签添加背景颜色?
( )
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. bold"> B. 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代码中常见的单标记有( )和( )。 答案:
2.( )标记用来创建一个标有数字的列表;( )标记用来创建一个标有黑点的列表,两种列表可以使用CSS属性list-style-type进行转换,( )标记用来创建一个列表项。
答案:
3.有一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:
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象素,虚线.(或者用一张下面有虚线的图片作为该元素的盒子背景),
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web 前端 技术 试题
![提示](https://static.bdocx.com/images/bang_tan.gif)