一、单选题
1.关于背景图和img的说法正确的是
A 背景图和img一样,都是在网页中占空间的
B 背景图的显示需要根据其所在元素的区域显示
C 背景图和img都属于对页面样式的渲染
D img标签在页面中和背景图都是不占据空间的
正确答案: B
解析:背景图属于css样式、img属于html结构
2.在css中,能够去掉项目列表符号的属性是
A border-style 属性
B background-style属性
C list-style属性
D list属性
正确答案: C
解析:去掉列表符号的声明为list-style:none;复合属性
3.HTML显示鼠标移至图片上的提示文字的属性
A title
B alt
C src
D border
正确答案: A
解析:alt为图片替换文本src为引入图片路径border为边框
4.在网页中有一个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
5.关于以下HTML代码片段,说法错误的是 <img src="q.jpg" alt="可乐鸡翅" title="香喷喷">
A alt属性指定替代文本,title属性指的是鼠标移到元素上时给的提示信息
B 将鼠标移至图片位置则显示"香喷喷"
C 当图片路径错误或网速太慢时,图片位置则会显示"可乐鸡翅"
D 有语法错误,什么也不显示
正确答案: D
6.下列哪个是HTML中的空格字符
A div
B p
C b
D
正确答案: D
解析:div 文档布局对象 p 段落 b 加粗 空格
7.关于HTML说法正确的是
A 放在尖角号里的第一个单词叫做标记,也叫做标签,也称作元素
B 一个标签可以有多个属性,但是属性是区分先后顺序的
C 标记和属性之间可以不用空格隔开
D 属性值可以不用引号
正确答案: A
解析:放在尖角号里的第一个单词叫做标记,标签，也叫元素,一个标签可以有多个属性，属性与属性不区分先后顺序,标记和属性之间用空格隔开,属性值放在双引号内
8.在HTML中有效,规范的注释声明是
A //这是注释
B /**这是--注释*/
C /*这是注释*/
D <!--这是注释-->
正确答案: D
解析:html注释<!--注释内容--> css注释/*注释内容*/ //单行注释适用于js等
9.在HTML中,若实现点击超链接时,弹出一个新的网页窗口,下列的哪个选项符合要求
A <a href="right.html" target="_blank">节目</a>
B <a href="right.html" target="_self">节目</a>
C <a href="right.html" target="_parent">节目</a>
D <a href="right.html" target="_top">节目</a>
正确答案: A
解析:target="_blank"新窗口打开 target="_self"当前窗口打开
10.在HTML中,下面不属于HTML文档的基本组成部分的是
A <style></style>
B <body></body>
C <html></html>
D <head></head>
正确答案: A
解析:HTML的基本结构组成 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body> </html>
11.下列超链接单击后可以跳转到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>
12.在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="外部样式表地址"/>
13.在HTML中,以下关于CSS样式中文本及字体属性的说法,错误的是
A font-size用来设置文本字体的大小
B text-align用来设置文本的对齐方式
C font-color用来设置字体的颜色
D font-weight用来设置字体的粗细
正确答案: C
解析:没有font-color属性；正确设置文本颜色的是color属性。
14.在HTML中,实现鼠标悬停在超链接上时,为无下划线的效果
A a{text-decoration:underline}
B a{text-decoration:none}
C a:hover{text-decoration:none}
D a:link{text-decoration:underline}
正确答案: C
解析:鼠标悬停就是鼠标划过效果，通过伪类选择符：hover实现。underline是添加下划线，none是取消下划线。所以选C。
15.在CSS中ID选择器的权重是多少
A 100
B 10
C 1
D 0
正确答案: A
解析:ID选择符权重为0100
16.css中选择器的分类不包括
A 标签选择器
B 类选择器
C 文字选择器
D ID选择器
正确答案: C
解析:css的选择器包括： 标签选择器 类选择器 id选择器 伪类选择器 属性选择器 没有文字选择器
17.在HTML中使用<link/>标签链接的样式表是
A 行内样式
B 内部样式
C 外部样式
D 导入样式
正确答案: C
解析:css有三种样式表： 分别为： 内部样式表 <style type="text/css"></style> 外部样式表的连接方法<link rel="stylesheet" type="text/css" href="外部样式表地址"/> 内嵌/行间样式表<div style="css属性"></div>
18.下面关于外部样式表的说法错误的是
A 文件扩展名为 .cs
B 外部样式表内容不需要使用<style>标签
C 使用<link>标签引入外部样式
D 使用外部样式表可以使网站更加简洁,风格保持统一
正确答案: A
解析:文件扩展名为 .css
19.下列在HTML文档中插入样式表的方式,优先级最高的是
A 外部样式表
B 内部样式表
C 层叠样式表
D 内联样式表
正确答案: D
解析:样式表的优先级： 内联样式表的优先级别最高 内部样式表和外部样式表的优先级别跟他们的先后顺序有关
20.下列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;}
D a{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;}语法错误
21.下列CSS代码中有几处语法错误 &td{font-size:12px , color:666666; }
A 1
B 2
C 3
D 4
正确答案: C
解析:css语法：选择器{属性：属性值；} 正确的为：td{font-size:12px ； color:#666666 }
22.CSS样式background-position:-5px 10px代表的含义
A 背景图片向左偏移5px,向下偏移10px
B 背景图片向左偏移5px,向上偏移10px
C 背景图片向右偏移5px,向下偏移10px
D 背景图片向右偏移5px,向上偏移10px
正确答案: A
解析:第一个值代表水平，负值是向左移动，第二个值代表垂直，正直向下移动。所以选A。
23.能实现背景平铺效果,对应的CSS为
A div{background-image:url(images/bg.gif);}
B div{background-image:url(images/bg.gif) repeat-x;}
C div{background-repeat:url(images/bg.gif) repeat-y;}
D div{backgroud-repeat:url(images/bg.gif) no-repeat;}
正确答案: A
解析:background-image属性后面只能添加图片路径的属性值，因为他不是复合式写法，不能同时添加平铺属性值。当只添加背景图时，背景图默认平铺。
24.以下关于HTML当中常用的基本标签说法正确的是
A HTML共提供了６级标题,<h1>字号最小,<h6>字号最大
B 段落标签<p>中可以包含多行文字,文字内容将随浏览器窗口大小自动换行
C 水平线标签<br/>的作用是为了让版面更加清晰直观
D 标签<em>……</em>的作用是使字体加粗并斜体显示
正确答案: B
解析:HTML共提供了６级标题，<h1>字号最大，<h6>字号最小 水平线标签为<hr/> 标签<em>……</em>的作用是使字体斜体并不能加粗
25.阅读下列关于表单内容的HTML代码,其中有几处错误
<from action="post" method="test.html">
用户名<input type="text" name="uname" />
密码<input type="password" name="pwd" />
<input type="submit" />
</form>
A 1
B 2
C 3
D 4
正确答案: C
解析:<from action="post" method="test.html">from改成form, method中放的是传输方式，action中放的是地址
二、多选题(不定项选择)
1.关于样式表的优先级说法正确的是
A 直接定义在标记上的css样式级别最高
B 内部样式表次之
C 外部样式表级别最低
D 同一个选择器中,设置样式时,设置相同的属性,后设的属性值起作用
正确答案: A,D
2.以下css属性设置语法正确的有:
A text-indent:-999px;
B margin-left:-10px;
C padding-left:-10px;
D width:100%;
正确答案: A,B,D
解析:text-indent,margin的属性允许属性值为负数，padding的属性值不可以为负数，width可以写百分比
3.下列设置边框线border的属性有
A border-style
B border-width
C border-size
D border-color
正确答案: A,B,D
解析:border为复合属性，由border-width,border-style,border-color组成
4.HTML中列表包括
A 有序列表
B 无序列表
C 自定义列表
D 公用列表
正确答案: A,B,C
解析:HTML中的列表有三种，有无序列表ul>li，有序列表ol>li及自定义列表<dl><dt></dt><dd></dd></dl>
5.下列在定义段落的字体的样式和大小,格式为其正确的是
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
6.要实现以下功能:在网页中插入一个图片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
7.默认倾斜的元素有
A a
B em
C i
D s
正确答案: B,C
8.WEB标准包括
A 结构标准语言
B 表现标准语言
C 行为标准语言
D 内容标准语言
正确答案: A,B,C
9.可以在新窗口中打开链接
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
10.下列属于input标签的属性有
A name
B selected
C rows
D value
正确答案: A,D
11.下列哪个语言是编写网页的结构
A html
B css
C javascript
D xhtml
正确答案: A,D
12.下列css选择器的优先级正确的有
A id:0100
B class:0001
C 标记选择器:0010
D class:0010
正确答案: A,D
13.背景属性的缩写语法正确的是
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
14.下列html标签中属于列表的元素是
A h3
B ol
C hr
D li
正确答案: B,D
15.以下属于文本水平对齐text-align的属性值的有
A justify
B left
C right
D center
正确答案: A,B,C,D
16.以下哪些元素默认会自带边框
A hr
B textarea
C td
D table
正确答案: A,B
解析:hr为水平线，textarea为文本域
17.以下属性写法正确的有
A padding:-10px
B padding:10px
C margin:10px
D margin:-10px
正确答案: B,C,D
解析:padding不能写负值，margin可以写负值
18.查看如下代码 .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
19.以下声明可将背景颜色设为red的有
A color:red;
B background:red;
C background-color:red;
D font-color:red;
正确答案: B,C
解析:背景的属性为background
20.下列元素中,为单标记的是
A br
B span
C strong
D hr
正确答案: A,D
解析:<strong></strong><span></span>
21.下列属于a标签的属性有
A title
B target
C src
D href
正确答案: A,B,D
解析:src为图片的属性
22.以下代码 <div class="a"></div> <div class="b"></div> 其中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的元素会把右侧的空间做“预留”，等待下个添加浮动的元素的站位
23.下面标签中能够实现折行效果的标签是
A p标签
B a标签
C div标签
D br标签
正确答案: A,C,D
解析:块元素文本也是可以折行的只不过是换了一个段落
24.以下文字大小是网页里常用的字号的有()
A font-size:12px;
B font-size:14px;
C font-size:13px;
D font-size:16px;
正确答案: A,B,D
解析:文字常用的字号是偶数
25.下列标签中有下划线效果的是哪些标签
A a
B u
C b
D span
正确答案: A,B
解析:a和u默认有下划线效果
