资源描述
HTML+CSS测试.docx
《HTML+CSS测试.docx》由会员分享，可在线阅读，更多相关《HTML+CSS测试.docx（12页珍藏版）》请在冰豆网上搜索。
HTML+CSS测试
一、选择题（每题2分）
1.以下关于HTML的基本标签说法正确的是（）。
（选择一项）
A:
HTML共提供了６级标题，
字号最小，字号最大
B:
段落标签
中可以包含多行文字，文字内容将随浏览器窗口大小自动换行
C:
水平线标签
的作用是为了让版面更加清晰直观
D:
标签……的作用是使字体加粗并斜体显示
2.在CSS中，可用于设置文本的行高的属性是（）。
（选择一项）
A:
text-indent
B:
letter-spacing
C:
text-align
D:
line-height
3.在制作网页时，以下关于overflow属性说法正确的是（）。
（选择一项）
A:
overflow属性的常见值有visible、hidden、scrolling、auto
B:
当属性值为hidden时，如果内容被修剪，则浏览器会显示滚动条以便查看其余内容
C:
visible为overflow属性的默认值，内容会被修剪，并且其余内容是不可见的
D:
可以使用overflow属性与盒子宽度配合使用，清除浮动来扩展盒子的高度
4.在HTML中，以下关于CSS样式中文本及字体属性的说法，错误的是（）。
（选择一项）
A:
font-size用来设置文本的字体大小
B:
text-align用来设置文本对齐方式
C:
font-type用来定义字体类型
D:
font-weight用来定义字体的粗细
5.以下关于复合选择器说法错误的是（）。
（选择一项）
A:
复合选择器分为后代选择器、交集选择器和并集选择器
B:
后代选择器的写法就是把外层的标签写在前面，内层的标签写在后面，之间用空格分隔
C:
交集选择器是由两个选择器直接连接构成，两个选择器可以是类选择器或者ID选择器
D:
并集选择是多个选择器通过逗号连接而成的
6.下列关于HTML代码段中的z-index属性说法正确的是（）。
.tipText{
display:
none;
position:
absolute;
z-index:
2;
left:
10px;
top:
36px;
}
……
（选择一项）
A:
z-index属性的值取值范围是0~100
B:
此段代码中的CSS样式必须设置z-index属性，否则会出现语法错误
C:
此段代码中的z-index属性设置为2或-2，效果是一样的
D:
z-index属性用于改变层的左右位置
7.在HTML中，若实现下图所示效果，编码正确的是（）。
（选择一项）
A:
学员姓名
|
分数
语文 | 数学 |
B:
学员姓名
|
分数
语文 |
| 数学 |
C:
学员姓名
|
分数
语文 |
| 数学 |
D:
学员姓名
|
分数
语文 | 数学 |
8.CSS中选择器的分类不包括（）
A:
标签选择器
B:
类选择器
C:
文字选择器
D:
ID选择器
9.以下关于HTML代码说法正确的是（）。
img{clear:
both;}
A:
将![]()
标签左侧的浮动元素清除
B:
将![]()
标签右侧的浮动元素清除
C:
将![]()
标签两侧的浮动元素清除
D:
设置![]()
标签两侧允许浮动
10.在HTML中，以下关于样式表的优点描述不正确的是（）。
A:
实现内容和表现的分离
B:
页面布局更加灵活
C:
有利于提高网页浏览速度
D:
不利于搜索引擎搜索
11.在HTML中，下面form标签中的action属性用于设置（）。
--文本框、按钮等表单元素-->
A:
表单的样式
B:
表单提交方法
C:
表单提交地址
D:
表单名称
12.在下列选项中，属于ID选择器的是（）。
A:
#span{width:
100%;border:
1pxsolid#cccccc;}
B:
pa{text-decoration:
underline;font-size:
14px;}
C:
.h1{color:
#000000;font-family:
"宋体";float:
left;}
D:
strong{color:
#000000;font-family:
"宋体";}
13.在HTML中页面效果如下图所示，则需设置input标签的（）。
（选择两项）
A:
type="text"
B:
class="text"
C:
value="请输入您的职业"
D:
name="请输入您的职业"
14.在CSS样式表中，设置页面背景图片，下列语法正确的是（）。
A:
background:
url（images/icon.jpg）lefttopno-repeat#CCCCCC;
B:
background:
link（images/icon.jpg）lefttopno-repeat;
C:
background:
url（images/icon.jpg）lefttoprepeat_x;
D:
background:
src（images/icon.jpg）lefttoprepeat-x;
15.当图片显示异常时，能够实现如下图示效果的选项是（）。
A:
B:
C:
D:
16.如下所示的网页效果，正确的HTML代码为（）。
A:
选择您爱的季节：
- 春天
- 夏天
- 秋天
- 冬天
B:
C:
- 选择您爱的季节：
- 春天
- 夏天
- 秋天
- 冬天
D:
17.阅读以下HTML代码，描述正确的是（）。
……
.title{color:
#F00;font-size:
14px;text-align:
center;text-decoration:
underline;}
……
A:
此样式是设置字体的背景颜色是红色，字体大小是14像素，居中显示，带下划线
B:
此样式是设置字体的颜色是红色，字体大小是14像素，居中显示，带下划线
C:
此样式是设置字体的背景颜色是红色，字体大小是14像素，居左显示，带下划线
D:
此样式是设置字体的颜色是红色，字体大小是14像素，居中显示，不带下划线
18.为了让以下id为container的div能够水平居中，需要的CSS样式是（）。
页面正文
升级会员 