HTML+CSS测试.docx
- 文档编号:1422851
- 上传时间:2022-10-22
- 格式:DOCX
- 页数:12
- 大小:36.99KB
HTML+CSS测试.docx
《HTML+CSS测试.docx》由会员分享,可在线阅读,更多相关《HTML+CSS测试.docx(12页珍藏版)》请在冰豆网上搜索。
HTML+CSS测试
一、选择题(每题2分)
1.以下关于HTML的基本标签说法正确的是()。
(选择一项)
A:
HTML共提供了6级标题,
字号最小,字号最大
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样式是()。
A:
#container{width:
880px;padding:
0pxauto;}
B:
#container{width:
880px;padding:
auto0px;}
C:
#container{width:
880px;margin:
auto0px;}
D:
#container{width:
880px;margin:
0pxauto;}
19.CSS盒子模型中表示内容与边框间的距离的属性为(),表示盒子与其它盒子之间的距离的属性为()。
A:
paddingmargin
B:
paddingborder
C:
marginpadding
D:
marginborder
20.在CSS选择器中,以下选项()属于后代选择器。
(选择两项)
A:
input.bg
B:
input.bg
C:
h3,.second,#sty
D:
.txttd
21.在HTML中使用标签连接的样式表是()。
A.行内样式表
B.内部样式表
C.外部样式表
D.导入样式表
22.设置字体属性的时候,为了简化代码可以将字体的类型,风格,大小,粗细写在font属性里边,下边正确的顺序是:
()
A.font-family->font-size->font-width->font-style
B.font-style->font-size->font-family->font-width
C.font-style->font-family->font-width->font-size
D.font-style->font-width->font-size->font-family
23.在以下超链接的伪类中,设置鼠标悬浮的属性是:
()
A.a:
hover
B.a:
active
C.a:
visited
D:
a:
link
24.以下关于HTML代码说法正确的是()。
img{clear:
both;}
A:
将标签左侧的浮动元素清除
B:
将标签右侧的浮动元素清除
C:
将标签两侧的浮动元素清除
D:
设置标签两侧允许浮动
25.以下关于HTML中段落标签的说法错误的是()。
A:
段落标签
…
必须成对出现,否则会报错B:
一个段落中可以包含一行文字
C:
一个段落中可以包含多行文字
D:
如果一个段落中包含多行文字,文字内容将随浏览器窗口的大小自动换行
26.以下关于标准文档流的说法错误的是()。
A:
标题标签、段落标签、
B:
……标签是内联元素
C:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML CSS 测试