【HTML、CSS练习题2】

一、单选题（共30题，每题2分）

1.表格的基本语法结构是（）
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为单元格

2.在HTML中,以下（）能够实现表格跨行合并(向下合并单元格)?
A 、colspan标签
B 、rowspan属性
C 、rowspan标签
D 、colspan属性
正确答案: B
解析:
colspan属性 合并列 rowspan属性 合并行

3.关于表格的数据行分组标签,说法正确的是（）
A 、< thead>< tbody>< tfoot>分别表示页眉,数据主体,页脚.
B 、< thead>< tbody>< tfoot>不利于表格的整体样式,不建议设置.
C 、< thead>和< tfoot>可以多次重复使用.
D 、< thead>< tbody>< tfoot>可以代替tr标签
正确答案: A
解析:
< thead>< tbody>< tfoot>分别表示页眉，数据主体，页脚， 这3组标签包含td或者th

4.下面选项中,可以设置页面中某个DIV标签当内容溢出的时候出现滚动条的是（）
A 、overflow:hidden
B 、display:block
C 、overflow:scroll
D 、display:scroll;
正确答案: C
解析:
超出显示滚动条用的是overflow：auto或者scroll；

5.下列哪项技术可以用于帮助网页设计时使页面具有统一、专业的外观（）
A 、HTMl
B 、XML
C 、HTTP
D 、CSS
正确答案: D
解析:
统一外观效果，利用的是css，css可以修饰页面。

6.link中rel="stylesheet"属性的作用（）
A 、关联样式表
B 、目标路径
C 、定义文档类型
正确答案: A
解析:
link链接 rel定义关联样式表 type类型 href 书写路径

7.设置首行缩进的属性是（）
A 、font-size:10px
B 、cellspacing:10px
C 、text-indent:2em;
D 、z-index:2em;
正确答案: C
解析:
letter-spacing 字间距 text-indent首行缩进 z-index 层叠顺序

8.以下各选项描述正确的是（）
A 、标题标签、段落标签、< span>标签都是块级元素
B 、< div>& hellip; & hellip;< /div>标签是内联元素
C 、< div>标签可以包含于< p>标签中
D 、display属性可以控制块级元素和内联元素的显示方式
正确答案: D
解析:
div是块元素 span是行内元素、p标签只能包行内元素和行内块元素

9.在CSS中,可用于设置文本的行高的属性是（）
A 、text-indent
B 、text-overflow
C 、line-height
D 、min-height
正确答案: C
解析:
行高 line-height

10.在HTML中,将表单中input元素的type属性值设置为（）时,用于创建重置按钮
A 、button
B 、submit
C 、reset
D 、radio
正确答案: C
解析:
button按钮 submit提交按钮 reset重置按钮 radio单选按钮

11.以下哪个选项不属于web标准（）
A 、结构
B 、表现
C 、内容
D 、行为
正确答案: C
解析:
web标准包含结构，表现，行为 。

12.哪个属性使HTML的表格元素里单元格在一行上进行的合并(左右合并单元格)（）
A 、cellpadding
B 、rowspan
C 、cellspacing
D 、colspan
正确答案: D
解析:
题目问同行进行合并，重点在同行，意思就是在一行上进行的合并，描述的效果就是合并列，所以选择D colspan

13.在HTML中,使用标签插入图像,下列选项关于的src属性说法正确的是（）
A 、用来设置图片文件的格式
B 、用来设置图片文件所在的位置
C 、用来设置鼠标指向图片时显示的文字
D 、用来设置图片周围显示的文字
正确答案: B
解析:
img的src属性设置图片文件所在的位置，title鼠标悬停上去之后的提示信息 alt图片显示不出来的信息

14.可以解决图片底部间隙的问题的方法正确的是（）
A 、display:inline-block
B 、margin:0;
C 、padding:0;
D 、display:block;
正确答案: D
解析:
题目问的是图片撑大3像素的兼容问题，解决方法有2个，1是给img设置display：block；或者vertical-align：top;。

15.哪个属性值是定位的默认值?（）
A 、position:relative
B 、position:absolute
C 、position:fixed
D 、position:static
正确答案: D
解析:
position：static可以取消定位 ，答案选择D

16.下列元素中为空标记的是?（）
A 、p
B 、div
C 、span
D 、br
正确答案: D
解析:
题目问的是空标签，p段落 textarea文本域 script是js的外部引入 前3个都是双标记，br是css的空标签

17.overflow:hidden;属性不能解决哪些问题?（）
A 、清除浮动
B 、设置内边距
C 、margin-top值传递问题
D 、解决内容超出隐藏
正确答案: B
解析:
B选项的效果需要padding来设置，不是overflow

18.下面选项中（）可以设置网页中某个标签的右内边距为10像素?
A 、margin:0 10px;
B 、margin:10px 0 0 0;
C 、margin:0 10 0 0px
D 、padding-right:10px;
正确答案: D
解析:
问的是右内边距，内边距就是padding

19.下列哪个选项是鼠标激活时的超链接样式?（）
A 、a:active
B 、a:link
C 、a:visited
D 、a:hover
正确答案: A
解析:
a:link 超链接初始的状态 a：hover鼠标悬停 a:visited 超链接访问过后 a:active鼠标激活的效果 问的是鼠标激活所以选择A

20.怎样给所有的< h1 >标签添加背景颜色（）
A 、 .h1 { background-color:#ff0 ;}
B 、h1 { background-color:#ff0; }
C 、h1 #all{ background-color:#ff0 ; }
D 、#h1 { background-color:#ff0; }
正确答案: B
解析:
问的是所有的H1，重点在所有的，h1{}类型选择器可以让所有的h1改变，class和id都是某一个或者是某一类的改变

21.下列哪一项是CSS正确的语法构成（）
A 、body:color=black
B 、{body;color:black}
C 、body{color:black;}
D 、{body:color=black}
正确答案: C
解析:
css的语法：选择器{属性：属性值；}

22.以下哪个属性是属于盒模型里的属性?（）
A 、colspan
B 、border
C 、src
D 、valign
正确答案: B
解析:
盒模型的组成部分是内容区、边框border、外边距margin、内填充padding

23.以下属性值中不属于border常用线型的是?（）
A 、solid
B 、adobe
C 、dashed
D 、dotted
正确答案: B
解析:
问不属于border的线型，重点在不，所以选择B，ACD是线型

24.img标签中不包含的属性有?（）
A 、alt
B 、title
C 、url
D 、src
正确答案: C
解析:
题目问的是不包含，url是css里面background的属性，不属于img

25.CSS哪些属性没有继承性（）
A 、font-size
B 、font-family
C 、color
D 、height
正确答案: D
解析:
CSS 继承是指我们设置上级(父级)的CSS样式，上级（父级）及以下的子级（下级）都具有此属性，一般只有文字文本具有继承特性，如文字大小、文字加粗、文字颜色、字体等。

26.关于CSS优先级计算描述错误的是（）
A 、如果优先级相同,则选择最后出现的样式
B 、元素的优先级以最外层的为标准
C 、!important声明的样式优先级最高
D 、继承得到的样式的优先级最低
正确答案: B
解析:
CSS 优先规则1： 最近的祖先样式比其他祖先样式优先级高。CSS 优先规则2："直接样式"比"祖先样式"优先级高。CSS 优先规则3：优先级关系：内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器

27.不属于display的属性值的选项是?（）
A 、display:block;
B 、display:table;
C 、display:list;
D 、display:none;
正确答案: C
解析:
display：block,inline-block,inline,list-item,table-header-group/table-footer-group/flex inline-flex/table/table-cell/table-caption…

28.下列哪条语句定义后,可以使内联元素设置宽和高?（）
A 、display:block;
B 、padding:blcok;
C 、display:inline;
D 、display:none;
正确答案: A
解析:
块元素（display：block；）和行内块元素（display：inline-block）可以设置宽度和高度

29.在HTML中,以下关于样式表的优点描述不正确的是（）
A 、实现结构和表现的分离
B 、页面布局更加灵活
C 、有利于后期的维护
D 、不利于搜索引擎搜索
正确答案: D
解析:
略

30.若某个标签里的内容超过标签的尺寸,则超出的内容自动隐藏的CSS样式是（）
A 、overflow:hidden;
B 、visibility:hidden;
C 、clear:both;
D 、display:none;
正确答案: A
解析:
溢出隐藏用的是overflow：hidden；

二、多选题(不定项选择)（共20题，每题2分）

1.如何让元素高度自适应?(父元素的高度由内容撑开)（）
A 、给元素设置height:100%
B 、给元素设置height:auto
C 、高度不写
D 、给元素设置height:content;
正确答案: B,C
解析:
height:auto或者高度不写，父元素的高度由内容撑开

2.给元素设置透明度,可以用哪些方法设置,下面那个是正确的?(背景透明和元素透明都算)（）
A 、opacity:100;
B 、opacity:0.5;
C 、background:rgba(255,255,255,0.5);
D 、background:rgba(255,255,255,100);
正确答案: B,C
解析:
opacity的取值为0-1，background：rgba（255,255,255,0.5）;rgba透明度取值为0-1，属性之间;隔开

3.下面选项中对置换元素描述正确的是(就是行内块元素标签)（）
A 、元素本身拥有固有尺寸,宽度,高度或宽高比
B 、都带有边框
C 、置换元素可以设置盒模型的属性
D 、置换元素不能设置宽高.
正确答案: A,C
解析:
AC正确

4.以下描述正确的是（）
A 、元素类型分为两种分别是:行内元素,块状元素
B 、li标签display的默认属性值是list-item.
C 、display:none会设置内容隐藏.
D 、display属性可以设置元素类型转换.
正确答案: A,B,C,D
解析:
ABCD

5.以下对absolute定位的描述正确的是（）
A 、添加absolute定位的元素使用z-index属性有效
B 、定位元素的层级顺序,要比普通元素的层级顺序默认要高(普通元素就是没有添加定位属性的内容)
C 、内联元素在定义absolute绝对定位之后,可以设置宽高.
D 、使用left,top,right,bottom属性,可以设置定位元素,移动位置.
正确答案: A,B,C,D
解析:
ABCD

6.position定位属性设置哪些属性值,添加z-index属性会有效（）
A 、static
B 、absolute
C 、relative
D 、fixed
正确答案: B,C,D
解析:
z-index必须结合position属性才生效

7.以下选项中是position定位的属性值的选项有哪些（）
A 、static
B 、auto
C 、fixed
D 、relative
正确答案: A,C,D
解析:
auto不是position的值

8.以下哪些为行内元素(内联元素)元素?（）
A 、a
B 、i
C 、span
D 、table
正确答案: A,B,C
解析:
table不是行内元素

9.以下选项中display的属性值为inline-block的标签有哪些（）
A 、img
B 、input
C 、textarea文本域
D 、select下拉列表
正确答案: A,B,C,D
解析:
问的是行内块元素都有谁，ABCD

10.以下哪些为块元素?（）
A 、span
B 、p
C 、h1
D 、a
正确答案: B,C
解析:
span、a是行内元素

11.行内元素的特征有哪些（）
A 、此元素可以和其他行内元素在一行内逐个显示
B 、可以设置宽度和高度
C 、此元素的宽度和高度跟据内容而定
D 、可以使用盒模型中的margin,padding属性,但是垂直方向的显示不正常
正确答案: A,C,D
解析:
ACD

12.以下哪些元素是非置换元素（）
A 、input
B 、img
C 、div
D 、span
正确答案: C,D
解析:
CD

13.盒子内的文本溢出盒子范围,以下选项中可以隐藏溢出文本且不产生滚动条的选项是?（）
A 、overflow:auto;
B 、overflow-xy:hidden;
C 、overflow-x:hidden;overflow-y:hidden;
D 、overflow:hidden;
正确答案: C,D
解析:
overflow:hidden是隐藏，overflow-x:hidden;针对x轴，overflow-y:hidden;针对y轴

14.结构:< div>< p>< /p>< /div> CSS:div{width:678px;height:456px;background:#f00;} p{width:234px;height:124px;background:#00f;} 以下选项中,可以实现让p在div中水平和垂直居中的代码（）
A 、给p添加position:absolute;left:0;top:0;bottom:0;right:0;margin:auto 给div添加position:relative
B 、给p添加position:absolute;left:50%;top:50%; 给div添加position:relative
C 、给p添加position:absolute; left:50%;top:50%;margin-left:117px;margin-top:62px 给div添加position:absolute
D 、给p添加position:absolute;left:50%;top:50%;margin-left:-117px;margin-top:-62px 给div添加position:absolute
正确答案: A,D
解析:
AD

15.让元素显示滚动条的css属性是什么（）
A 、display:scroll;
B 、overflow:scroll;
C 、overflow-x:scroll;overflow-y:scroll;
正确答案: B,C
解析:
A.display属性没有scroll这个值

16.能给具有position属性的元素形成参照物的条件（）
A 、position:relative
B 、postion:absolute
C 、position:fixed
D 、position:static
正确答案: A,B,C
解析:
position:static属于默认定位方式，静态定位

17.overflow属性的属性值有哪些（）
A 、hidden
B 、visible
C 、scroll
D 、auto
正确答案: A,B,C,D
解析:
overflow：hidden;/visible/scroll/auto等

18.以下不属于overflow属性的属性值的是（）
A 、left
B 、0px
C 、auto
D 、hidden

正确答案: A,B
解析:
overflow：hidden/visible/scroll/auto

19.设置盒子中的文本溢出时显示省略号,需要满足以下哪些条件（）
A 、盒子需要设置width属性,设置overflow:hidden;
B 、设置white-space:nowrap;
C 、设置text-overflow:clip;
D 、设置text-overflow:ellipsis;

正确答案: A,B,D
解析:
四个属性配合使用

20.以下选项中,可以解决高度塌陷的是?（）
A 、给浮动元素的父元素添加声明overflow:hidden
B 、在浮动元素下方添加空div,并给该元素添加声明:clear:both;height:0;overflow:hidden;
C 、::after{content:“.”;clear:both;display:block;height:0; overflow:hidden;visibility:hidden;}
D 、给浮动元素设置清除浮动,添加声明clear:both

正确答案: A,B,C
解析:
D答案错误，应该是给最后一个浮动元素后面添加声明clear:both