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 style="css属性"></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盒子模型中表示内容与边框间的距离的属性为
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" style="外部样式表地址" />
正确答案: 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中的样式表
A 行间样式表
B 内部样式表
C 类样式表
D 外部样式表
正确答案: C
解析:css有三种样式表: 分别为:
内部样式表
外部样式表
内嵌/行间样式表
28.在HTML中,表单中的input元素的type属性值不可以是
A password
B radiobutton
C text
D submit
正确答案: B
解析:radiobutton错误 单选框为radio 跳转按钮为button
29.从优化的角度来说以下哪个img属性是优化比较好的
A width
B border
C alt
D height
正确答案: C
解析:alt为替换文本,当图片不显示的时候才会出现。也被称作图片名,方便SEO搜索
30.关于HTML中超链接伪类的描述不正确的是
A a:link表示单击访问前超链接的样式
B a:visited表示单击访问后的超链接样式
C a:hover表示鼠标悬浮其上的超链接样式
D a:active表示鼠标悬浮其上超链接样式
正确答案: D
解析: a:active表示超链接被激活时的状态
二、多选题(不定项选择)(共20题,每题2分)
1.下列元素中,为单标记的是
A br
B span
C strong
D hr
正确答案: A,D
解析:
<strong></strong><span></span>
2.以下属于css中的控制文本或字体的属性有:
A float
B margin
C color
D font-weight
正确答案: C,D
解析:color文本颜色 font-weight文本加粗
3.以下属性写法正确的有
A padding:-10px
B padding:10px
C margin:10px
D margin:-10px
正确答案: B,C,D
解析**:padding不能写负值,margin可以写负值**
4.下列属于img标签的属性有
A title
B href
C src
D target
正确答案: A,C
5.下列html标签中属于列表的元素是
A h3
B ol
C hr
D li
正确答案: B,D
6.下列属性中哪个是有序列表ol的html属性
A color
B src
C type
D start
正确答案: C,D
7.CSS样式文件的类型不包括
A 内部样式表
B 外部样式表
C 单独样式表
D 包含样式表
正确答案: C,D
8.下列可以设置内容大小写的属性有
A text-transform
B word-spacing
C text-indent
D font-variant
正确答案: A,D
9.float的属性值正确的有
A left
B center
C right
D none
正确答案: A,C,D
10.下列属性值属于清除浮动clear的是
A left
B right
C both
D center
正确答案: A,B,C
11.下列哪些标准是由W3C(万维网联盟)制定的
A html
B css
C xhtml
D javascript
正确答案: A,B,C
12.下列哪些属性可以设置表格table水平对齐或垂直对齐
A cellspacing
B align
C colspan
D valign
正确答案: B,D
13.可以在新窗口中打开链接
A <a href=“www.baidu.com” target=“self”>我是文字 </a>
B <a href=“http://www.baidu.com” target=“_blank” >我是文字</a>
C <a href=“images/logo.jpg” target=“_blank”>我是文字</a>
D <a href=“images/logo.jpg” target=“_self”>我是文字</a>
正确答案: B,C
14.下列在定义段落的字体的样式和大小,格式为其正确的是
A p {font-size:14px;font-family:”宋体”; }
B p {font-family:“宋体”;font-size:14px; }
C p {font-size:“宋体”;font-family:14em; }
D p {font-family:800;font-size:14em; }
正确答案: A,B
15.下列margin外边距设置属性值的方式正确的是
A 1个值设置4个方向的margin
B 2个值,第一个值的设置margin是上下两个方向,第二个值设置margin是左右两个方向
C 3个值,第一个值设置的是下方向的margin,第二个值是上方向的margin,第三个值是设置左右两个方向的margin
D 4个值,顺时针方向,上、右、下、左
正确答案: A,B,D
解析: 3个值,第一个值设置的是上方向的margin,第二个值是左右两个方向的margin,第三个值是设置下方向的margin
16.选出你认为最合理的定义标题的方法
A <span class=""heading"">文章标题</span>
B <h2>文章标题</h2>
C <h3>文章标题</h3>
D <strong>文章标题</strong>
正确答案: B,C
解析:h1-h6文本标题标签
17.属于img标签的属性
A src
B title
C href
D alt
正确答案: A,B,D
解析 : src 图像的路径 alt 提示文字 title提示文本
18.以下为定义列表符号样式的属性list-style-type属性值的是
A circle
B underline
C none
D square
正确答案: A,C,D
解析:定义列表符号的类型的属性是list-style-type,其中circle为空心圆,none为去掉列表符号,square为方形
19.默认带有下划线的元素有
A a
B u
C span
D div
正确答案: A,B
解析: a超链接自带下划线,u标签自带下划线
20.css选择符命名规范的要求有
A 尽量不要用缩写英文除非可以一目了然的
B 所有的命名最好都小写
C 所有的命名最好用数字开头
D 坚持以字母开头命名选择器,这样可保证在所有浏览器下都能兼容
正确答案: A,B,D
解析:c、不能以数字开头 b、调用和命名大小写如果不一致,会找不到,所以最好都小写