HTML5第1阶段第1周周考试题与解析HTML5 第1阶段第1周周考
答题限时:60分钟满分:100分合格分数:60分
⼀、单选题
1.下⾯关于外部样式表的说法错误的是
A . ⽂件扩展名为 .cs
B .外部样式表内容不需要使⽤
C .使⽤标签引⼊外部样式
D.使⽤外部样式表可以使⽹站更加简洁,风格保持统⼀
正确答案: A
解析:⽂件扩展名为 .css
2.在HTML中引⼊css内部样式表使⽤
A style
B p
C link
D strong
正确答案: A
解析:内部样式表的语法
<style type="text/css"> </style>
3.在HTML中使⽤标签链接的样式表是
A ⾏内样式
B 内部样式
C 外部样式
D 导⼊样式
正确答案: C
解析:css有三种样式表:
分别为:内部样式表 <style type="text/css"></style>
外部样式表的连接⽅法<link rel="stylesheet" type="text/css" href="外部样式表地址"/>
内嵌/⾏间样式表<div ></div>
4.css中选择器的分类不包括
A 标签选择器
B 类选择器
C ⽂字选择器
D ID选择器
正确答案: C
解析:css的选择器包括:
标签选择器
类选择器
id选择器
伪类选择器
属性选择器
不存在⽂字选择器
5.在CSS中ID选择器的权重是多少
A 0100
B 0010
C 0001
D 0000
正确答案: A
解析:ID选择符权重为0100
6.在HTML中,下列代码是实现“注册”的超链接,要求点击“注册”后register.html页⾯在⾃⾝窗⼝打开,横线处应该填写
<a __①__="register.html"target="__②__">注册</a>
A ①:src ②:_self
B ①:src ②:_blank
C ①:href ②:self
D ①:href ②: blank
正确答案: C
解析:超链接通过href属性添加链接地址,不⽀持src属性,_self在当前窗⼝打开,_blank 是在新窗⼝打开。
7.阅读下⾯HTML代码,段落标签 p内⽂本最终显⽰的颜⾊是
<style type="text/css">
body{color:#333;}
#text{color:#666;}
.content{color:#00f;}
.gray{color:#f00;}
</style>
<p id="text"class="content gray">我我本将⼼向明⽉,奈何明⽉照沟渠。</p>
A #F00
B #00F
C #666
D #333
正确答案: C
解析:ID选择符权重⼤于class选择符权重。
8.在 html 中,下列css属性中不属于盒⼦属性的是
A border
B padding
C float
D margin
正确答案: C
解析**:B 中盒模型的组成的三个重要属性是margin border和padding,没有float。**
9.下列CSS代码中有⼏处语法错误&td{font-size:12px , color:666666; }
A 1
B 2
C 3
D 4
正确答案: C
解析:
css语法:选择器{属性:属性值;}
正确的为:td{font-size:12px ; color:#666666 }
10.若要使⽤CSS控制字体的⼤⼩,则应该设置
A font-size
B font-weight
C font-style
D font-family
正确答案: A
解析:font-weight加粗font-style倾斜font-family字体
11.以下关于HTML代码说法正确的是 img{clear:both;}
A 将标签左侧的浮动元素清除
B 将标签右侧的浮动元素清除
C 将标签两侧的浮动元素清除
D 设置标签两侧允许浮动
正确答案: C
解析:clear:both清除两端的浮动/left清除左边的浮动/right清除右边的浮动
12.CSS盒⼦模型中表⽰内容与边框间的距离的属性为
div border属性A padding
B margin
C border
D cellpadding
正确答案: A
解析:margin为外边框border为边框cellpadding为表格的内容到边框之间的距离。
13.在⽹页中有⼀个id为content的div,设置它的宽度为200像素,⾼度为100像素,并且向左浮动, 以下选项正确的是?
A #content{width:200px;height:100px;float:left;}
B #content{width:100px;height:200px;clear:left;}
C #content{width:200px;height:100;clear:left;}
D #content{width:100px;height:200px;float:left;}
正确答案: A
解析:id的语法为#,宽度width⾼度height浮动float
14.在id为tit的div中设置单⾏⽂本垂直居中对齐,下列代码正确的是
A #tit{font-size:16px;height:30px;line-height:30px;}
B .tit{font-size:16px;height:30px;line-height:30px;}
C #tit{font-size:16;height:30px;vertical-align:middle}
D .tit{font-size:16px;height:30px;vertical-align:middle}
正确答案: A
解析:ID选择器的语法#,⽂本的垂直居中设置⾏⾼等于容器的⾼度
15.在css中,属性padding是指
A 外边距
B 内填充
C 外边框
D 内边框
正确答案: B
解析:边框是border外边框margin
16.HTML显⽰⿏标移⾄图⽚上的提⽰⽂字的属性
A title
B alt
C src
D border
正确答案: A
解析:alt为图⽚替换⽂本src为引⼊图⽚路径border为边框
17.在css中,能够去掉项⽬列表符号的属性是
A list-style-image 属性
B list-style-position属性
C list-style属性
D list属性
正确答案: C
解析:去掉列表符号的声明为list-style:none;list-style-type:none
18.下列说法错误的是
A 密码框需要设置input标签type=“password”
B 提交按钮需要设置input标签type=“reset”
C 空按钮的input的type值为button
D value属性表⽰初始值,可能会随着⽤户的操作⽽改变,以提交时为准
正确答案: B
解析:提交按钮需要设置input标签type="submit"
19.在CSS中,不属于伪类选择符的是?
A a:link
B a:hover
C a:hidden
D a:active
正确答案: C
解析:伪类选择符中没有:hidden
20.根据css的语法,分析下⾯代码,判断以下选项中表⽰“属性”的选项是?p{color:red;font-size:30px;font-family:"宋体";}
A p
B color
C 30px
D 宋体
正确答案: B
解析:p代表选择符;30px 和“宋体”代表属性值,color表⽰设置⽂本颜⾊的属性,所以选择B选项。
21.CSS样式background-position:-5px 10px代表的意义是
A 背景图⽚向左偏移5px,向下偏移10px
B 背景图⽚向左偏移5px,向上偏移10px
C 背景图⽚向右偏移5px,向下偏移10px
D 背景图⽚向右偏移5px,向上偏移10px
正确答案: A
解析:第⼀个值代表⽔平,负值是向左移动,第⼆个值代表垂直,正直向下移动。所以选A。
22.在HTML中,以下设置input为重置按钮的是
A type=“submit”
B value= “true”
C check= “true”
D type= “reset”
正确答案: D
解析:type= “reset” 重置按钮
23.⿏标点击(按下)时的超链接样式
A a:link
B a:visited
C a:hover
D a:active
正确答案: D
解析:
a:link 初始状态
a:visited 点击过后的状态
a:hover 划过后状态
a:active 点击时的状态
24.在HTML页⾯中,调⽤外部样式表的⽅法是
A <style rel="stylesheet" type="text/css" href="外部样式表地址" />
B <link rel="stylesheet" type="text/css" href="外部样式表地址" />
C <style rel="stylesheet" type="text/css" link="外部样式表地址" />
D <link rel="stylesheet" type="text/css" />
正确答案: B
解析:外部样式表的连接⽅法:
<link rel="stylesheet" type="text/css" href="外部样式表地址"/>
25.在html中,为⽹页添加标题。并且标题显⽰在状态栏上的标签为
A head
B html
C h1
D title
正确答案: D
解析:** <title> </title>是为⽹页创建标题,并且显⽰在状态栏上**
26.以下选项中,可以将html页⾯的标题设置为"阿斯顿"的是
A <head>阿斯顿</head>
B <title>阿斯顿</title>
C <h>阿斯顿</h>
D <t>阿斯顿</t>
正确答案: B
解析:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>⽹页标题</title>
</head>
<body>
</body>
</html>
27.下列哪个不是CSS中的样式表
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论