【HTML、CSS练习题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；

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