HTML+CSS测试.docx
- 文档编号:5239460
- 上传时间:2022-12-14
- 格式:DOCX
- 页数:12
- 大小:37.09KB
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:
D:
display属性可以控制块级元素和内联元素的显示方式
27.下图所示的页面中,可能使用的标签不包括()。
A:
B:
D:
28.在HTML中,关于表单描述错误的是()。
A:
以
B:
属性action是指表单提交的地址
C:
属性method是指表单提交的方式
D:
一个网页中只能有一个表单
29.为了让以下id为container的div能够水平居中,需要的CSS样式是()。
页面正文
C:
A:
#container{width:
880px;padding:
0pxauto;}
B:
#container{width:
880px;padding:
auto0px;}
C:
#container{width:
880px;margin:
auto0px;}
D:
#container{width:
880px;margin:
0pxauto;}
30.下列CSS样式语句中,选项()可以实现如图所示的效果。
A:
div{width:
200px;border:
#0000FF1px;}
B:
#test{width:
200px;border:
#0000FFsolid1px;}
C:
.test{width:
200px;border:
#0000FFsolid1px;}
D:
.test{width:
200px;border:
#0000FFdashed1px;}
31.在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;
32.在HTML中,关于下列代码说法错误的是()。
A:
此标签用来创建一个超链接
B:
目标窗口在当前窗口中打开
C:
超链接的链接地址是index.html
D:
超链接文字是“首页”
33.在定位网页元素的时候,为了让该元素以他的父亲元素为基准进行偏移,我们的做法是:
()
A.设置该元素左浮动
B.设置该元素的父亲元素的定位方式为position:
absolute
C.设置该元素的父亲元素左浮动
D.设置该元素以及该元素的父亲元素左浮动
34.在CSS中,如果需要清除浮动层对文本的影响,下列说法正确的是:
()
A.为浮动层增加clear属性,并设置其属性值为both
B.为浮动层增加clear属性,并设置其属性值为none
C.为放置文本的标签增加clear属性,并设置其属性为both
D.为放置文本的标签增加clear属性,并未其设置属性为none
35.在CSS中,下列overflow属性值()与盒子高度配合使用可以扩展盒子高度。
A.scroll
B.auto
C.visible
D.hidden
36.在HTML页面中有一个
()
A.div{width:
200px;height:
120px;overflow:
hidden;}
B.div{width:
200px;height:
120px;overflow:
auto;}
C.div{width:
200px;height:
120px;overflow:
scroll;}
D.div{width:
200px;height:
120px;overflow:
visible;}
37.在HTML中,下列标签()是内联元素。
(选择两项)
A.
C.标签D.标签
38.以下关于盒子模型的说法正确的是:
()
A.margin-left表示设置盒子模型的右外边距
B.padding表示盒子与盒子之间的距离
C.margin是盒子内元素与边框border的边距
D.border:
1px#F00solid;表示的是盒子的4条边均为1像素的红色实线
39.在CSS中,能够去掉项目列表符号的属性是:
()(选择两项)
A.list-style-images属性
B.list-style-position属性
C.list-style属性
D.list-style-type属性
40.将
标签中的文字大小设置为18px,颜色为#336699,文本中有删除线,则下列CSS正确的是()
A.p{font-size:
18px;color:
#336699;text-decoration:
overline;}
B.p{font-size:
18px;color:
#369;text-decoration:
line-through;}
C.p{font-size:
18px;color:
#336699;text-decoration:
underline}
D.p{font-size:
18px;color:
#369;text-decoration:
blink;}
2、填空题(20分)
已知网页如下图所示,请将代码填写完整(文本框初始宽度为30,密码最大输入字符为20)
请输入姓名:
请输入密码:
请选择性别:
请选择兴趣:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML CSS 测试
![提示](https://static.bdocx.com/images/bang_tan.gif)