[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案
一、单项选择:（每题1.5分,共69分）
1.html语言中,创建一个位于文档内部的锚点的语句是:( )
A.
答案: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: 0 auto ; width:780px;}
B. #container { position: relative; width:780px;
left:50%; margin-left: -390px; }
C. #container { margin: 0 auto ; 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.
B.
C. p {text-size:bold}
D. p {font-weight:bold}
答案:D
24.如何去掉文本超级链接的下划线？( )
A. a {text-decoration:no underline}
B. a {underline:none}
C. a {decoration:no underline}
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:10px 20px 30px 40px代表的填充值顺序分别是:
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框架是DW CS3中新增的功能。
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元素结构为
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: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属性该表元素的层叠次序。aboslute relative fixed
3)元素以它的包含框为定位基准。aboslute
4)元素相对于它原来的位置为定位基准。relative
5)元素在标准流中的位置会被其它元素占据。aboslute fixed
三、问答题（共16分）
1.CSS中的选择器有很多种类型,写出下列选择器的类型和作用:(10分)
1）a:hover 2)a.hover 3)a:hover b 4)a.hover b
答:
1)a:hover是伪类选择器,当鼠标悬浮在a标记上时应用该选择器定义的样式；
2)a.hover是交集选择器,应用了.hover类选择器的a标记应用该样式；
3)a:hover b是后代选择器,当鼠标悬浮在a标记上时,被a标记包含的b标记将应用该样式；
4)a.hover b是后代选择器,应用了.hover类选择器的a标记包含的b标记将应用该样式；
2.有些网页里超链接的下划线是虚线,你认为这是怎么实现的？(6分)
答:将该元素的CSS属性里的text-decoration: none;再将其border-bottom设为1象素,虚线.(或者用一张下面有虚线的图片作为该元素的盒子背景),