HTML+CSS测试Word格式文档下载.docx
《HTML+CSS测试Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《HTML+CSS测试Word格式文档下载.docx（12页珍藏版）》请在冰豆网上搜索。
font-weight用来定义字体的粗细
5.以下关于复合选择器说法错误的是（）。
复合选择器分为后代选择器、交集选择器和并集选择器
B:
后代选择器的写法就是把外层的标签写在前面，内层的标签写在后面，之间用空格分隔
交集选择器是由两个选择器直接连接构成，两个选择器可以是类选择器或者ID选择器
并集选择是多个选择器通过逗号连接而成的
6.下列关于HTML代码段中的z-index属性说法正确的是（）。
<
styletype="
text/css"
>
.tipText{
display:
none;
position:
absolute;
z-index:
2;
left:
10px;
top:
36px;
}
/style>
……
body>
<
divclass="
tipText"
imgsrc="
tip.jpg"
/div>
/body>
z-index属性的值取值范围是0~100
此段代码中的CSS样式必须设置z-index属性，否则会出现语法错误
此段代码中的z-index属性设置为2或-2，效果是一样的
z-index属性用于改变层的左右位置
7.在HTML中，若实现下图所示效果，编码正确的是（）。
tableborder="
1"
>
tr>
tdrowspan="
2"
学员姓名<
/td>
/tr>
tdcolspan="
分数<
td>
语文<
数学<
/table>
8.CSS中选择器的分类不包括（）
A:
标签选择器
类选择器
C:
文字选择器
D:
ID选择器
9.以下关于HTML代码说法正确的是（）。
img{clear:
both;
将<
img>
标签左侧的浮动元素清除
标签右侧的浮动元素清除
标签两侧的浮动元素清除
设置<
标签两侧允许浮动
10.在HTML中，以下关于样式表的优点描述不正确的是（）。
实现内容和表现的分离
页面布局更加灵活
有利于提高网页浏览速度
不利于搜索引擎搜索
11.在HTML中，下面form标签中的action属性用于设置（）。
formaction="
…"
method="
!
--文本框、按钮等表单元素-->
/form>
表单的样式
表单提交方法
表单提交地址
表单名称
12.在下列选项中，属于ID选择器的是（）。
#span{width:
100%;
border:
1pxsolid#cccccc;
pa{text-decoration:
underline;
font-size:
14px;
}
.h1{color:
#000000;
font-family:
"
宋体"
;
float:
left;
strong{color:
13.在HTML中页面效果如下图所示，则需设置input标签的（）。
（选择两项）
type="
text"
class="
value="
请输入您的职业"
name="
14.在CSS样式表中，设置页面背景图片，下列语法正确的是（）。
background:
url（images/icon.jpg）lefttopno-repeat#CCCCCC;
link（images/icon.jpg）lefttopno-repeat;
url（images/icon.jpg）lefttoprepeat_x;
src（images/icon.jpg）lefttoprepeat-x;
15.当图片显示异常时，能够实现如下图示效果的选项是（）。
imgtitle="
香香的郁金香"
src="
images/tulip.jpg"
/>
imgalt="
alt="
美丽的郁金香"
美丽的郁金香"
16.如下所示的网页效果，正确的HTML代码为（）。
ol>
选择您爱的季节：
li>
春天<
/li>
夏天<
秋天<
冬天<
/ol>
ul>
/ul>
选择您爱的季节：
17.阅读以下HTML代码，描述正确的是（）。
.title{color:
#F00;
text-align:
center;
text-decoration:
此样式是设置字体的背景颜色是红色，字体大小是14像素，居中显示，带下划线
此样式是设置字体的颜色是红色，字体大小是14像素，居中显示，带下划线
此样式是设置字体的背景颜色是红色，字体大小是14像素，居左显示，带下划线
此样式是设置字体的颜色是红色，字体大小是14像素，居中显示，不带下划线
18.为了让以下id为container的div能够水平居中，需要的CSS样式是（）。
divid="
container"
页面正文<
#container{width:
880px;
padding:
0pxauto;
padding:
auto0px;
margin:
19.CSS盒子模型中表示内容与边框间的距离的属性为（），表示盒子与其它盒子之间的距离的属性为（）。
paddingmargin
paddingborder
marginpadding
marginborder
20.在CSS选择器中，以下选项（）属于后代选择器。
input.bg
input.bg
h3,.second,#sty
.txttd
21.在HTML中使用<
link/>
标签连接的样式表是（）。
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-size
D.font-style->
font-family
23.在以下超链接的伪类中，设置鼠标悬浮的属性是：
A.a:
hover
B.a:
active
C.a:
visited
a:
link
24.以下关于HTML代码说法正确的是（）。
25.以下关于HTML中段落标签的说法错误的是（）。
…<
/p>
必须成对出现，否则会报错
一个段落中可以包含一行文字
一个段落中可以包含多行文字
如果一个段落中包含多行文字，文字内容将随浏览器窗口的大小自动换行
26.以下关于标准文档流的说法错误的是（）。
标题标签、段落标签、<
div>
标签都是块级元素
span>
……<
/span>
标签是内联元素
标签可以包含于<
标签中
display属性可以控制块级元素和内联元素的显示方式
27.下图所示的页面中，可能使用的标签不包括（）。
h3>
28.在HTML中，关于表单描述错误的是（）。
以<
form>
标签开始，以<
标签结束
属性action是指表单提交的地址
属性method是指表单提交的方式
一个网页中只能有一个表单
29.为了让以下id为container的div能够水平居中，需要的CSS样式是（）。
30.下列CSS样式语句中，选项（）可以实现如图所示的效果。
test"
努力学习，好找工作<
div{width:
200px;
#0000FF1px;
#test{width:
#0000FFsolid1px;
.test{width:
#0000FFdashed1px;
31.在CSS样式表中，设置页面背景图片，下列语法正确的是（）。
url（images/icon.jpg）lefttoprepeat_x;
32.在HTML中，关于下列代码说法错误的是（）。
ahref="
index.html"
target="
_blank"
首页<
/a>
此标签用来创建一个超链接
目标窗口在当前窗口中打开
超链接的链接地址是index.html
超链接文字是“首页”
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页面中有一个<
宽度为200px,高度为120px,其中内容在垂直方向溢出，要求仅在溢出方向上显示滚动条，则下列代码正确的是：
A．div{width:
height:
120px;
overflow:
hidden;
B.div{width:
auto;
C.div{width:
scroll;
D.div{width:
visible;
37.在HTML中，下列标签（）是内联元素。
A.<
标签B.<
标签
C.<
标签D.<
strong>
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:
#369;
line-through;
C.p{font-size:
#336699;
underline}
D.p{font-size:
blink;
2、填空题（20分）
已知网页如下图所示，请将代码填写完整（文本框初始宽度为30，密码最大输入字符为20）
1="
post"
请输入姓名：
input2>
请输入密码：
input34>
请选择性别：
input5name="
gender"
男<
input56name=7>
女
请选择兴趣：
<
selectname="
bmon"
<
option8>
运动<
/option>
option>
美术<
音乐<
/select>
input910="
提交"
/>
升级会员 