HTML+CSS测试Word下载.docx
《HTML+CSS测试Word下载.docx》由会员分享,可在线阅读,更多相关《HTML+CSS测试Word下载.docx(12页珍藏版)》请在冰豆网上搜索。
![HTML+CSS测试Word下载.docx](https://file1.bdocx.com/fileroot1/2022-10/12/575eea06-6b14-481f-8cb0-de42009d95f5/575eea06-6b14-481f-8cb0-de42009d95f51.gif)
text-indent
letter-spacing
text-align
line-height
3.在制作网页时,以下关于overflow属性说法正确的是()。
overflow属性的常见值有visible、hidden、scrolling、auto
当属性值为hidden时,如果内容被修剪,则浏览器会显示滚动条以便查看其余内容
visible为overflow属性的默认值,内容会被修剪,并且其余内容是不可见的
可以使用overflow属性与盒子宽度配合使用,清除浮动来扩展盒子的高度
4.在HTML中,以下关于CSS样式中文本及字体属性的说法,错误的是()。
font-size用来设置文本的字体大小
text-align用来设置文本对齐方式
font-type用来定义字体类型
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>
标签是内联元素
标签可以包含于<
标签中