HTML CSS基础知识测试题库第一套

一、单选题（共30题，每题2分）
1.下列哪个是HTML中的空格字符
A div
B p
C b
D  
正确答案: D
解析:
div 文档布局对象
p 段落
b 加粗
  空格

2.以下哪个标签可以实现强制换行
A br
B dr
C hr
D dl
正确答案: A
解析:
换行标签

hr为水平线
dl为无序列表

3.从优化的角度来说以下哪个img属性是优化比较好的
A width
B border
C alt
D height
正确答案: C
解析:alt为替换文本，当图片不显示的时候才会出现。也被称作图片名，方便SEO搜索

4.在HTML中,若实现点击超链接时,弹出一个新的网页窗口,下列的哪个选项符合要求
A 节目
B 节目
C 节目
D 节目
正确答案: A
解析:
target="_blank"新窗口打开
target="_self"当前窗口打开

5.在HTML中，下面不属于HTML文档的基本组成部分的是
A

我我本将心向明月，奈何明月照沟渠。

A #F00
B #00F
C #666
D #333
正确答案: C
解析:ID选择符权重大于class选择符权重。

16.下列css属性中,用于指定背景图片的是
A background-color
B background-image
C background-position
D background-repeat
正确答案: B
解析:
background-color 设置背景色属性，
background-image添加背景图属性，
background-position 设置背景图位置属性，
background-repeat 设置平铺属性。顾选择B

17.在CSS中，要实现链接字体颜色为红色，无下划线，当鼠标移过时显示下划线的效果，以下选项正确的是
A a:link{color:#ff0000;} a:hover{text-decoration:underline;}
B a{color:#ff0000;text-decoration:none;} a:hover{text-decoration:overline;}
C a{text-decoration:underline;} a:hover{color:#ff0000;text-decoration:none;}
D a:link{color:#ff0000;text-decoration:none;} a:hover{text-decoration:underline;}
正确答案: D
解析:
a:link设置超链接初始状态，text-decoration：none;取消下划线；
a:hover设置鼠标滑过状态，text-decoration：underline；添加下划线，选D

18.下列CSS代码中有几处语法错误 &td{font-size:12px , color:666666; }
A 1
B 2
C 3
D 4
正确答案: C
解析:css语法：选择器{属性：属性值；}
正确的为：td{font-size:12px ； color:#666666 }

19.下列关于CSS中盒子模型说法错误的是
A 盒子模型是页面布局的基础，它包括外边距、边框、内边距以及元素的宽高等属性
B border(边框)代表盒子外壳的边框
C margin(外边距)
D padding(内边距)代表盒子与其他盒子之间的距离
正确答案: D
解析:
padding(内边距)代表盒子与内部元素之间的距离

20.关于以下HTML代码片段，说法错误的是

A alt属性指定替代文本，title属性指的是鼠标移到元素上时给的提示信息
B 将鼠标移至图片位置则显示"香喷喷"
C 当图片路径错误或网速太慢时，图片位置则会显示"可乐鸡翅"
D 有语法错误，什么也不显示
正确答案: D
解析:此题无语法错误

21.关于HTML中超链接伪类的描述不正确的是
A a:link表示未单击访问时的超链接样式
B a:visited表示单击访问后的超链接样式
C a:hover表示鼠标悬浮其上的超链接样式
D a:active表示鼠标单击并释放的超链接样式
正确答案: D
解析: a:active表示超链接被激活时的状态

22.阅读以下设置页面背景图片的CSS代码，下列说法正确的是 background:link(images/new.gif) left no-repeat;
A link应该改为src
B link应该改成url
C no-repeat 应该改成no_repeat
D 无语法错误
正确答案: B
解析:background:url() left no-repeat

23.在网页中有一个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

24.下列关于CSS语法规则的描述错误的是
A CSS的规则由选择器和声明两部分构成，选择器包括标签选择器、ID选择器和类选择器等
B 声明必须放在大括号{}中，声明可以是一条，也可以是多条
C 每一条声明结束，以冒号结尾，最后一条语句的冒号不可以省略不写
D 每一条声明由属性和值组成
正确答案: C
解析:每一条声明结束，以分号结尾，最后一条语句的分号不可以省略不写

25.关于背景图和img的说法正确的是
A 背景图和img一样，都是在网页中占空间的
B 背景图的显示需要根据其所在元素的区域显示
C 背景图和img都属于对页面样式的渲染
D img标签在页面中和背景图都是不占据空间的
正确答案: B
解析:背景图属于css样式、img属于html结构。

26.下列哪个不是边框的线型
A background
B solid
C dashed
D double
正确答案: A
解析:border为边框的属性

27.在HTML中，以下设置input为重置按钮的是
A type=“submit”
B value= “true”
C check= “true”
D type= “reset”
正确答案: D
解析:type= “reset” 重置按钮

28.在HTML中，以下关于样式表的优点描述不正确的是
A实现内容和表现的分离
B 方便维护
C 有利于提高网页浏览速度
D 只是书写习惯
正确答案: D
解析:有利于搜索引擎搜索

29.下列哪个标签是HTML中的文本标题标签
A h1
B p
C div
D span
正确答案: A
解析:
h1 一级标题
p 段落
div 文档布局对象，块
span 文字节点

30.HTML中哪个标签是无序列表
A div
B dl
C ul
D ol
正确答案: C
解析:
ul 无序列表
ol有序列表

二、多选题(不定项选择)（共20题，每题2分）
1.下列属于a标签的属性有
A title
B target
C src
D href
正确答案: A,B,D
解析:src为图片的属性

2.下列元素中，为单标记的是
A br
B span
C strong
D hr
正确答案: A,D
解析:

3.以下声明可将背景颜色设为red的有
A color:red;
B background:red;
C background-color:red;
D font-color:red;
正确答案: B,C
解析:背景的属性为background

4.默认加粗的元素有
A b
B strong
C u
D i
正确答案: A,B
解析: b、strong

5.以下哪些元素默认会自带边框
Ahr
B textarea
C td
D table
正确答案: A,B
解析:hr为水平线，textarea为文本域

6.以下属于文本水平对齐text-align的属性值的有
A justify
B left
C right
D center
正确答案: A,B,C,D

7.下列属于img标签的属性有
A title
B href
C src
D target
正确答案: A,C

8.下列html标签中属于列表的元素是
A h3
B ol
C hr
D li
正确答案: B,D

9.下列可以设置内容大小写的属性有
A text-transform
B word-spacing
C text-indent
D font-variant
正确答案: A,D

10.下列属性可以去除li默认样式的有
A list-style-type
B list-style-image
C list-style
D list-position
正确答案: A,C

11.背景属性的缩写语法正确的是
A{background:#00ff00 url（背景图片的路径及全称） no-repeat center top；}
B{background:url（背景图片的路径及全称） #00ff00 no-repeat center top；}
C{background:url（背景图片的路径及全称） #00ff00 center top no-repeat；}
D{background:url（背景图片的路径及全称） no-repeat center top；}
正确答案: A,B,C,D

12.float的属性值正确的有
A left
B center
C right
D none
正确答案: A,C,D

13.下列css选择器的优先级正确的有
A id:0100
B class:0001
C 标记选择器：0010
D class:0010
正确答案: A,D

14.下列哪个语言是编写网页的结构
A html
B css
C javascript
D xhtml
正确答案: A,D

15.下列哪些属性可以设置表格table水平对齐或垂直对齐
A cellspacing
B align
C colspan
D valign
正确答案: B,D

16.的伪类选择符不包括
A a:link
B a:onfouce
C a:visited
D a:onclick
正确答案: B,D

17.WEB标准包括
A结构标准语言
B表现标准语言
C行为标准语言
D内容标准语言
正确答案: A,B,C

18.选出你认为最合理的定义标题的方法
A文章标题
B

文章标题

C

文章标题

D文章标题
正确答案: B,C
解析:h1-h6文本标题标签

19.属于img标签的属性
A src
B title
C href
D alt
正确答案: A,B,D
解析:
src 图像的路径
alt 提示文字
title提示文本

20.以下代码

其中css中定义如下 .a{width: 200px;height: 200px;background-color: #f00;float: left;} .b{width: 300px;height: 300px;background-color: #ff0;} 以下说法正确的是（）
A两个盒子会发生重叠
B元素a在元素b上方
C元素b在元素a上方
D两个元素将左右排列
正确答案: A,B
解析:
float:left原理 添加float:left的元素会把右侧的空间做“预留”，等待下个添加浮动的元素的站位