HTML、CSS练习题1
一、单选题（共25题，每题2分）二、多选题(不定项选择)（共25题，每题2分）
一、单选题（共25题，每题2分）
1.关于CSS控制字体样式说法错误的是（） A 、font:bold 12px “宋体”,指定了字体为加粗的12px大小的宋体 B 、font-type属性用于指定字体的类型,如宋体、黑体等 C 、font-size属性用于指定字体的大小 D 、font-weight属性可指定字体的粗细 正确答案: B 解析: font-type:没有这个属性
2.HTML显示鼠标移至图片上的提示文字的属性（） A 、title B 、alt C 、src D 、border 正确答案: A 解析: alt为图片替换文本src为引入图片路径border为边框
3.在HTML中有效,规范的注释声明是（） A 、//这是注释 B 、/*这是–注释/ C 、/这是注释/ D 、< ! – 这是注释 – > 正确答案: D 解析: html注释< ! – 注释内容 – >、css注释 / * 注释内容 */、// 单行注释 适用于 js等
4.在网页中常见的图片格式（） A 、JPG和GIF B 、JPG和PSD C 、PSD和BMP D 、PNG和SWF 正确答案: A 解析: 网页中，常见的图片格式为jpg,png,gif
5.在HTML中,在网页中创建表单用（） A 、input B 、select C 、table D 、form 正确答案: D 解析: form表单域 input,select为表单元素 table为表格标签
6.在HTML中,表单中的input元素的type属性值不可以是（） A 、password B 、radiobutton C 、text D 、submit 正确答案: B 解析: radiobutton错误 单选框为radio(后续会进行讲解) 跳转按钮为button
7.HTML中哪个标签是无序列表（） A 、div B 、dl C 、ul D 、ol 正确答案: C 解析: ul 无序列表 ol有序列表
8.下列哪个标签是HTML中的文本标题标签（） A 、h1 B 、p C 、div D 、span 正确答案: A 解析: h1 一级标题 p 段落 div 文档布局对象，块 span 文字节点
9.下列哪个是可以实现网页中的版权图片效果（） A 、> B 、< C 、© D 、 正确答案: C 解析: & gt;大于号、& lt;小于号、& copy;版权符、& nbsp;空格
10.根据css的语法,分析下面代码,判断以下选项中表示"属性"的选项是? p{color:red;font-size:30px;font-family:“宋体”;}（） A 、p B 、color C 、30px D 、宋体 正确答案: B 解析: p代表选择符；30px 和“宋体”代表属性值，color表示设置文本颜色的属性，所以选择B选项。
11.在CSS中,不属于伪类选择符的是?（） A 、a:link B 、a:hover C 、a:hidden D 、a:active 正确答案: C 解析: 伪类选择符中没有：hidden
12.在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
13.下列css属性中用于指定内容与边框之间距离为2px的是（） A 、padding:2px B 、border:2px C 、margin:2px D 、content:2px 正确答案: A 解析: padding是用来设置内容和边框之间间距的属性。margin是设置同辈元素之间属性，显示在元素边框以外的，border是显示在元素边缘的，content是内容区。所以选择A
14.在CSS中ID选择器的权重是多少（） A 、100 B 、10 C 、1 D 、0 正确答案: A 解析: ID选择符权重为0100
15.css中选择器的分类不包括（） A 、标签选择器 B 、类选择器 C 、文字选择器 D 、ID选择器 正确答案: C 解析: css的选择器包括： 标签选择器 类选择器 id选择器 伪类选择器 属性选择器 没有文字选择器
16.在HTML中使用标签链接的样式表是（） A 、行内样式 B 、内部样式 C 、外部样式 D 、导入样式 正确答案: C 解析: css有三种样式表： 分别为： 内部样式表 外部样式表的连接方法 内嵌/行间样式表
17.在HTML中引入css内部样式表使用（） A 、style B 、p C 、link D 、strong 正确答案: A 解析: 内部样式表的语法
18.如果同时设置了两个属性color和background的值,那么（） A 、color显示 B 、background显示 C 、都显示 D 、都不显示 正确答案: C 解析: 同时过渡
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.下列选中能实现段落文本中让文本强制换行的效果标签是（） A 、p标签 B 、a标签 C 、div标签 D 、br标签 正确答案: D 解析: br标签
23.阅读下面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选择符权重。
24.下列css属性中,用于指定背景图片固定的是（） A 、background-color B 、background-image C 、background-position D 、background-attachment 正确答案: D 解析: background-color设置背景颜色属性 background-image 添加背景图属性 background-position 设置背景图定位属性 background-attachment设置背景图固定属性，顾选择D
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中放的是地址
二、多选题(不定项选择)（共25题，每题2分）
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.CSS样式表的类型不包括（） A 、内部样式表 B 、外部样式表 C 、单独样式表 D 、包含样式表 正确答案: C,D 解析: CD
5.要实现以下功能:在网页中插入一个图片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
6.想要实现一段文字加粗的效果,下面哪个方法是可以的（） A 、我是文字文字文字 B 、font-weight:800; C 、font-weight:300px; D 、我是文字文字文字 正确答案: A,B 解析: AB
7.设置单独一条边框线的属性有（） A 、border-top B 、border-bottom C 、border-center D 、border-middle 正确答案: A,B 解析: AB
8.默认倾斜的元素有（） A 、a B 、em C 、i D 、s 正确答案: B,C 解析: BC
9.WEB标准包括（） A 、结构标准语言 B 、表现标准语言 C 、行为标准语言 D 、内容标准语言 正确答案: A,B,C 解析: ABC
10.< a >的伪类选择符不包括（） A 、a:link B 、a:onfouce C 、a:visited D 、a:onclick 正确答案: B,D 解析: BD
11.可以在新窗口中打开链接（） 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
12.下列哪个语言是编写网页的结构（） A 、html B 、css C 、javascript D 、xhtml 正确答案: A,D 解析: AD
13.下列css选择器的优先级正确的有（） A 、id:0100 B 、class:0001 C 、标记选择器:0010 D 、class:0010 正确答案: A,D 解析: AD
14.背景属性的缩写语法正确的是（） 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 解析: ABCD
15.设置可以插入背景图片的属性有（） A 、background-image B 、background-repeat C 、background-attachment D 、background 正确答案: A,D 解析: AD
16.以下声明可以将图片设置为背景图的有（） A 、img:url(images/logo.jpg) B 、background:url(images/logo.jpg) C 、background-image:url(images/logo.jpg) D 、background-images:url(images/logo.jpg) 正确答案: B,C 解析: BC
17.以下哪些元素默认会自带边框（） A 、hr B 、textarea C 、td D 、table 正确答案: A,B 解析: hr为水平线，textarea为文本域
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 解析: AD
19.默认加粗的元素有（） A 、b B 、strong C 、u D 、i 正确答案: A,B 解析: b、strong
20.以下声明可将背景颜色设为red的有（） A 、color:red; B 、background:red; C 、background-color:red; D 、font-color:red; 正确答案: B,C 解析: 背景的属性为background
21.以下属于css中的控制文本或字体的属性有（） A 、float B 、margin C 、color D 、font-weight 正确答案: C,D 解析: color文本颜色 font-weight文本加粗
22.下列元素中,为单标记的是（） A 、br B 、span C 、strong D 、hr 正确答案: A,D 解析: < strong>< /strong>< span>< /span>
23.以下代码 < 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的元素会把右侧的空间做“预留”，等待下个添加浮动的元素的站位
24.下面标签中能够实现折行效果的标签是（） A 、p标签 B 、a标签 C 、div标签 D 、br标签 正确答案: A,C,D 解析: 块元素文本也是可以折行的只不过是换了一个段落
25.以下文字大小是网页里常用的字号的有（） A 、font-size:12px; B 、font-size:14px; C 、font-size:13px; D 、font-size:16px; 正确答案: A,B,D 解析: 文字常用的字号是偶数
文章来源
发表评论