一、单选题（共30题，每题2分）
1.下面关于外部样式表的说法错误的是
A文件扩展名为 .cs
B外部样式表内容不需要使用<style>标签
C使用<link>标签引入外部样式
D使用外部样式表可以使网站更加简洁，风格保持统一
正确答案: A
解析:文件扩展名为 .css
2.下列在HTML文档中插入样式表的方式，优先级最高的是
A外部样式表
B内部样式表
C层叠样式表
D内联样式表
正确答案: D
解析:样式表的优先级：
内联样式表的优先级别最高
内部样式表和外部样式表的优先级别跟他们的先后顺序有关
3.下面的描述正确的是 #menu{ font-size:14px; }
A#menu是标签选择器
B#menu是元素选择器
C#menu是类选择器
D#menu是ID选择器
正确答案: D
解析:标签选择器，元素选择器是直接拿标签名称作为选择器
类选择器 的语法是一个 .
ID选择器 的语法是#
4.在CSS中ID选择器的权重是多少
A0100
B0010
C0001
D0000
正确答案: A
解析:ID选择符权重为0100
5.在CSS中样式表里优先级别最高的是哪个
A导入样式表
B外部样式表
C内联样式表
D内部样式表
正确答案: C
解析:当三个样式表同时存在时，内联样式表优先级别最高。
6.下面选项中，哪个属性值能将网页中某个标签的右外边距设置为10像素
Amargin:0 10px 0 0;
Bmargin:0 0 0 10px;
Cmargin:10px 0 0 0;
Dpadding-right:10px;
正确答案: A
解析:首先是外边距，所以用到的肯定是margin属性，顾D选项排除，再根据margin属性值的设置方式 ，四个值时是上右下左的顺序，4个值上 右 下 左 所以选择A选项。
7.在HTML中，实现鼠标悬停在超链接上时，为无下划线的效果
Aa{text-decoration:underline}
Ba{text-decoration:none}
Ca:hover{text-decoration:none}
Da:link{text-decoration:underline}
正确答案: C
解析:鼠标悬停就是鼠标划过效果，通过伪类选择符：hover实现。underline是添加下划线，none是取消下划线。所以选C。
8.下面选项中，可以设置页面中某个DIV标签相对页面水平居中的CSS样式是
Amargin:0 auto
Bpadding:0 auto
Ctext-align:center
Dvertical-align:middle
正确答案: A
解析:margin：0 auto；设置元素水平居中对齐。padding没有auto属性值，text-align是设置文本对齐方式的，vertical-align是设置垂直对齐方式的，所以选择A选项。
9.阅读下面CSS代码，下面选项中与该代码段效果等同的是 .box { margin:10px 5px; margin-right:10px; margin-top:5px; }
A.box{margin:5px 10px 10px 5px;}
B.box{margin:5px 10px 0px 0px;}
C.box{margin:5px 10px;}
D.box{margin:10px 5px 10px 5px;}
正确答案: A
解析:margin：10px 5px ;代表 上下为10px 左右为5；
margin-right：10px；替换了之前设置好的5px；因为后写的优先级高；
margin-top:5px; 替换了之前的上边距的值 ，修改为5px;因为后写的优先级别高；
所以最终读取的值为margin：5px 10px 10px 5px; 顾选择A选项。
10.在HTML页面中，使用无序列表实现横向的导航菜单时,通过哪个属性可以去除列表的默认列表符号
Alist-style
Bpadding
Cz-index
Dfloat
正确答案: A
解析:list-style属性是可以设置li的列表符号，list-style:none;可以清除列表符号
11.HTML显示鼠标移至图片上的提示文字的属性
Atitle
Balt
Csrc
Dborder
正确答案: A
解析:alt为图片替换文本src为引入图片路径border为边框
12.在css中，用来设置段落的首行缩进属性
Atext-align
Btext-indent
Ctext-style
Dtext-decoration
正确答案: B
解析:text-align水平对齐text-style错误属性text-decoration文本修饰
13.下列哪个属性值不是水平对齐属性的
Ajustify
Bmiddle
Cleft
Dright
正确答案: B
解析:middle为垂直对齐的属性值
14.关于背景图和img的说法正确的是
A背景图和img一样，都是在网页中占空间的
B背景图的显示需要根据其所在元素的区域显示
C背景图和img都属于对页面样式的渲染
Dimg标签在页面中和背景图都是不占据空间的
正确答案: B
解析:背景图属于css样式、img属于html结构。
15.下列说法错误的是
A密码框需要设置input标签type=”password”
B提交按钮需要设置input标签type=”reset”
C空按钮的input的type值为button
Dvalue属性表示初始值，可能会随着用户的操作而改变,以提交时为准
正确答案: B
解析:提交按钮需要设置input标签type=”submit”
16.阅读以下HTML代码，选出显示效果为“1.春天 2.夏天 3.秋天 4.冬天”的是( 列表的符号为数字 )？
A<ol> <li>春天</li> <li>夏天</li> <li>秋天</li> <li>冬天</li> </ol>
B<ul> <li>春天</li> <li>夏天</li> <li>秋天</li> <li>冬天</li> </ul>
C<ol> <li>春天</li> <li>夏天</li> <li>秋天</li> <li>冬天</li> </ul>
D<ul> <li>春天</li> <li>夏天</li> <li>秋天</li> <li>冬天</li> </ol>
正确答案: A
解析:有序列表的组成是<ol><li></li></ol>
17.在CSS中，不属于伪类选择符的是？
Aa:link
Ba:hover
Ca:hidden
Da:active
正确答案: C
解析:伪类选择符中没有：hidden
18.鼠标点击（按下）时的超链接样式
Aa:link
Ba:visited
Ca:hover
Da:active
正确答案: D
解析:a:link 初始状态
a:visited 点击过后的状态
a:hover 划过后状态
a:active 点击时的状态
19.下列哪个标签是HTML中的段落标签
Aem
Bp
Cb
Di
正确答案: B
解析:em 倾斜
p 段落
b 加粗
i 倾斜
20.下列哪个标签是HTML中的文本标题标签
Ah1
Bp
Cdiv
Dspan
正确答案: A
解析:h1 一级标题
p 段落
div 文档布局对象，块
span 文字节点
21.HTML中哪个标签是无序列表
Adiv
Bdl
Cul
Dol
正确答案: C
解析:ul 无序列表
ol有序列表
22.表格的基本语法结构是
A<table><td><tr></tr></td></table>
B<table><td></tr><tr></td></table>
C<tr><table><td></td></table></tr>
D<table><tr><td></td></tr></table>
正确答案: D
解析:table表格标签
tr为行标签
td为单元格
23.以下关于HTML当中常用的基本标签说法正确的是
AHTML共提供了６级标题，<h1>字号最小，<h6>字号最大
B段落标签<p>中可以包含多行文字，文字内容将随浏览器窗口大小自动换行
C水平线标签<br/>的作用是为了让版面更加清晰直观
D标签<em>……</em>的作用是使字体加粗并斜体显示
正确答案: B
解析:HTML共提供了６级标题，<h1>字号最大，<h6>字号最小
水平线标签为<hr/>
标签<em>……</em>的作用是使字体斜体并不能加粗
24.下列超链接单击后可以跳转到http://www.qfedu.com网站
A<a href=”http://www. qfedu.com”>教育</a>
B<a href=”教育”> http://www. qfedu.com </a>
C<a target=” http://www. qfedu.com “>教育</a>
D<a target=”教育”> http://www. qfedu.com </a>
正确答案: A
解析:超链接的语法：<a href=”链接地址”>链接文本/图片</a>
25.在HTML中，使用<IMG>标签插入图像，下列选项关于<IMG>的src属性说法正确的是
A用来设置图片文件的格式
B用来设置图片文件所在的位置
C用来设置鼠标指向图片时显示的文字
D用来设置图片周围显示的文字
正确答案: B
解析:<img src=”图片的地址和全称” />
26.从优化的角度来说以下哪个img属性是优化比较好的
Awidth
Bborder
Calt
Dheight
正确答案: C
解析:alt为替换文本，当图片不显示的时候才会出现。也被称作图片名，方便SEO搜索
27.下列哪一个不属于web的组成
A结构
B表现
C行为
D内容
正确答案: D
解析:web标准是网页制作的标准，根据网页的组成的部分制订的，网页由结构，表现，行为组成
28.关于HTML说法正确的是
A放在尖角号里的第一个单词叫做标记，也叫做标签，也称作元素
B一个标签可以有多个属性，但是属性是区分先后顺序的
C标记和属性之间可以不用空格隔开
D属性值可以不用引号
正确答案: A
解析:放在尖角号里的第一个单词叫做标记,标签，也叫元素,一个标签可以有多个属性，属性与属性不区分先后顺序,标记和属性之间用空格隔开,属性值放在双引号内
29.下列哪个是HTML中的空格字符
Adiv
Bp
Cb
D
正确答案: D
解析:div 文档布局对象
p 段落
b 加粗
空格
30.下列CSS样式语句中，语法正确的是
A.p{width:150px; border:2px solid 999999;}
B#bg{background=url(about.jpg) left no-repeat;}
C.tig td{text-align:50px; line-height:22px;}
Da{text-decoration:none;color:red;}
正确答案: D
解析:.p{width:150px; border:2px solid 999999;}颜色少#号
#bg{background=url(about.jpg) left no-repeat;}，.tig td{text-align:50px; line-height:22px;}语法错误
二、多选题(不定项选择)（共20题，每题2分）
1.下列属于a标签的属性有
Atitle
Btarget
Csrc
Dhref
正确答案: A,B,D
解析:src为图片的属性
2.下列元素中，为单标记的是
Abr
Bspan
Cstrong
Dhr
正确答案: A,D
解析:<strong></strong><span></span>
3.以下声明可将背景颜色设为red的有
Acolor:red;
Bbackground:red;
Cbackground-color:red;
Dfont-color:red;
正确答案: B,C
解析:背景的属性为background
4.查看如下代码 .red{color:red;} 下列选项中，文字显示为红色的是
A<a href=”#” class=”red”>文本A</a>
B<div class=”red”><a href=”#”>文本B</a></div>
C<p class=”red”><a href=”#”>文本C</a></p>
D<p><a href=”#” class=”red”>文本C</a></p>
正确答案: A,D
解析:AD
5.以下哪些元素默认会自带边框
Ahr
Btextarea
Ctd
Dtable
正确答案: A,B
解析:hr为水平线，textarea为文本域
6.以下声明可以将图片设置为背景图的有
Aimg:url（images/logo.jpg）
Bbackground:url（images/logo.jpg）
Cbackground-image:url（images/logo.jpg）
Dbackground-images:url（images/logo.jpg）
正确答案: B,C
解析:BC
7.下列可以设置内容大小写的属性有
Atext-transform
Bword-spacing
Ctext-indent
Dfont-variant
正确答案: A,D
解析:AD
8.设置可以插入背景图片的属性有
Abackground-image
Bbackground-repeat
Cbackground-attachment
Dbackground
正确答案: A,D
解析:AD
9.下列css选择器的优先级正确的有
Aid:0100
Bclass:0001
C标记选择器：0010
Dclass:0010
正确答案: A,D
解析:AD
10.下列哪个语言是编写网页的结构
Ahtml
Bcss
Cjavascript
Dxhtml
正确答案: A,D
解析:AD
11.定义网页内容的标题标签都有哪些
Ah1
Btitle
Ch6
Dh7
正确答案: A,C
解析:AC
12.下列属于input标签的属性有
Aname
Bselected
Crows
Dvalue
正确答案: A,D
解析:AD
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
解析:BC
14.下列margin外边距设置属性值的方式正确的是
A1个值设置4个方向的margin
B2个值，第一个值的设置margin是上下两个方向，第二个值设置margin是左右两个方向
C3个值，第一个值设置的是下方向的margin，第二个值是上方向的margin，第三个值是设置左右两个方向的margin
D4个值，顺时针方向，上、右、下、左
正确答案: A,B,D
解析: 3个值，第一个值设置的是上方向的margin，第二个值是左右两个方向的margin，第三个值是设置下方向的margin
15.属于img标签的属性
Asrc
Btitle
Chref
Dalt
正确答案: A,B,D
解析:src 图像的路径
alt 提示文字
title提示文本
16.下列设置边框线border的属性有
Aborder-style
Bborder-width
Cborder-size
Dborder-color
正确答案: A,B,D
解析:border为复合属性，由border-width,border-style,border-color组成
17.下列权重值大于50的有
A内联样式表
B标记选择器
Cclass选择器
Did选择器
正确答案: A,D
解析:A 内联样式 权重为1000
D id选择器 权重为100
18.要实现以下功能：在网页中插入一个图片cat.gif，使用者通过单击该图片，连接到home.html页面。下面的HTML代码正确的是
A<a href=”home.html” target=“_blank”> <img src=”images/cat.gif”></a>
B<a href=” home.html” src=”images/cat.gif”></a>
C<a href=”home.html”>< img src=”images/cat.gif”></a>
D<a href=”images/cat.gif”></a>
正确答案: A,C
解析:AC
19.下列在定义段落的字体的样式和大小，格式为其正确的是
Ap {font-size：14px；font-family：”宋体”； }
Bp {font-family：“宋体”；font-size：14px； }
Cp {font-size：“宋体”；font-family：14em； }
Dp {font-family：800；font-size：14em； }
正确答案: A,B
解析:AB
20.关于样式表的优先级说法正确的是
A直接定义在标记上的css样式级别最高
B内部样式表次之
C外部样式表级别最低
D同一个选择器中，设置样式时，设置相同的属性，后设的属性值起作用
正确答案: A,D
解析:样式表优先级
