HTML5第一阶段第二周
选择题答案
一、单选题（共30题，每题2分）
1.对BFC规范(块级格式化上下文:block formatting context)的理解错误的是
A 内部的Box会在垂直方向上一个接一个放置
B Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻Box的margin会发生重叠
C 计算BFC的高度时,浮动元素不会参与计算
D 每个元素的margin box 的左边,与包含块border box的左边相接触
正确答案: C
解析:BFC布局规则或者是BFC的展现出来的特性： 1/内部的Box会在垂直方向，一个接一个地放置。 2/Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 3/每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。 4/BFC的区域不会与float box重叠。 5/BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。 6/计算BFC的高度时，浮动元素也参与计算。
2.关于文本溢出属性描述错误的是?
A hidden:内容会被修剪,并且其余内容是不可见的
B scroll:内容会被修剪,但是浏览器会显示滚动条,以便查看其余的内容
C inherit:规定不能继承父元素overflow属性的值
D visible:默认值,内容不会被修剪,会成现在元素框之外
正确答案: C
解析:overflow 属性规定当内容溢出元素框时发生的事情。 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。
3.img标签中不包含的属性有?
A alt
B title
C url
D src
正确答案: C
解析:题目问的是不包含，url是css里面background的属性，不属于img
4.怎样给所有的
标签添加背景颜色
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都是某一个或者是某一类的改变
5.在HTML页面中,调用外部样式表的方法是?
A 导入；
6.下面哪个方法可以去掉文本超链接的下划线?
A text-decoration:none;
B text-decoration:underline;
C text-decoration:overline;
D text-decoration:line-through;
正确答案: A
解析:问的是去除下划线，Anone是去除B是下划线C是上划线D是删除线
7.以下哪个选项是对对象进行定位的?
A margin
B border
C position
D content
正确答案: C
解析:A、margin外边距border边框position定位content内容
8.实现背景不平铺效果,对应的CSS为?
A div{backgroud-image:url(images/bg.gif);}
B div{backgroud-image:url(images/bg.gif) repeat-x;}
C div{backgroud-image:url(images/bg.gif) repeat-y;}
D div{background:url(images/bg.gif) no-repeat;}
正确答案: D
解析:问的是不平铺，所以选D
9.下列哪个选项是鼠标激活时的超链接样式?
A a:active
B a:link
C a:visited
D a:hover
正确答案: A
解析️link 超链接初始的状态 a：hover鼠标悬停 a:visited 超链接访问过后 a:active鼠标激活的效果 问的是鼠标激活所以选择A
10.在HTML中,以下关于CSS样式中文本及字体属性的说法,错误的是( )
A font-size用来设置文本字体的大小
B text-align用来设置文本的对齐方式
C font-type用来设置字体的类型
D font-weight用来设置字体的粗细
正确答案: C
解析:问的是错误的，css文本里面没有font-type这个属性
11.在HTML中,才下哪项是用来表示空格的
A
B &qt;
C <
D ©
正确答案: A
解析:空格 ©是版权符号 <；是小于号， 没有&qt这个内容
12.CSS样式background-position:-5px 10px代表的意义是( )
A 背景图片向左偏移5px,向下偏移10px
B 背景图片向左偏移5px,向上偏移10px
C 背景图片向右偏移5px,向下偏移10px
D 背景图片向右偏移5px,向上偏移10px
正确答案: A
解析:background-position：水平的 垂直的；背景图的定位 第1个参数表示上下 正数是下负数是上 第2个参数是左右，正数是左，负数是右
13.在HTML中,( )标签用于在网页中创建表单?
A form
B textarea
C from
D input
正确答案: A
解析:创建表单用的是form
14.以下各选项描述正确的是( )
A 标题标签、段落标签、标签都是块级元素
B
… … 标签是内联元素
C 标签可以包含于
标签中
D display属性可以控制块级元素和内联元素的显示方式
正确答案: D
解析:div是块元素 span是行内元素、p标签只能包行内元素和行内块元素
15.内联样式的权重是( )
A 10
B 100
C 1000
D 1
正确答案: C
解析:内联样式权重是1000 id选择器权重100 class权重是10 类型选择器权重是1
16.HTML语义化描述错误的是( )
A 语义化没有任何意义
B 直观的认识标签对于搜索引擎的抓取有好处,用正确的标签做正确的事情
C HTML语义化就是让页面的内容结构化,便于对浏览器,搜索引擎解析
D 在没有样式css情况下也以一种文档格式显示,并且是容易阅读
正确答案: A
解析:语义化对于页面有很好的重要性。
17.下列哪项技术可以用于帮助网页设计时使页面具有统一、专业的外观( )
A HTMl
B XML
C HTTP
D CSS
正确答案: D
解析:统一外观效果，利用的是css，css可以修饰页面。
18.以下( )标签用于在表单中构建复选框
A
B
C
D
正确答案: C
解析:复选框 CheckBox 密码password 文本 text 单选框radio
19.下列哪条语句定义后,可以使内联元素设置宽和高?( )
A display:block;
B padding:blcok;
C display:inline;
D display:none;
正确答案: A
解析:块元素（display：block；）和行内块元素（display：inline-block）可以设置宽度和高度
20.不属于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…
21.CSS哪些属性没有继承性( )
A font-size
B font-family
C color
D height
正确答案: D
解析:CSS 继承是指我们设置上级(父级)的CSS样式，上级（父级）及以下的子级（下级）都具有此属性，一般只有文字文本具有继承特性，如文字大小、文字加粗、文字颜色、字体等。
22.在HTML中,以下关于position属性的设定值描述错误的是( )
A static为默认值,没有定位,元素按照标准流进行布局
B relative属性值设置元素的相对定位,垂直方向的偏移量使用up或down属性来指定
C absolute表示绝对定位,需要配合top、right、bottom、left属性来实现元素的偏移量
D 用来实现偏移量的left和right等属性的值,可以为负数
正确答案: B
解析:absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 relative 生成相对定位的元素，相对于其正常位置进行定位。 因此，“left:20” 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
23.在HTML中网页中,如果需要在CSS样式表中设置文本的字体是”隶书”,则需要设置文本的属性( )
A font-size
B font-family
C font-style
D face
正确答案: B
解析:font-family设置字体。
24.在HTML中,关于CSS语法的说法错误的是( )
A css样式无法实现页面的精确控制
B 每条样式规则使用分号(;)隔开
C css样式实现了结构与表现的分离,利于团队开发
D 声明是由属性和属性值组成,声明是放在花括号里面
正确答案: A
解析:
25.在HTML中,以下( )能够实现表格跨行合并(向下合并单元格)?
A colspan标签
B rowspan属性
C rowspan标签
D colspan属性
正确答案: B
解析:colspan属性 合并列 rowspan属性 合并行
26.可以解决图片底部间隙的问题的方法正确的是
A display:inline-block
B margin:0;
C padding:0;
D display：block；
正确答案: D
解析:题目问的是图片撑大3像素的兼容问题，解决方法有2个，1是给img设置display：block；或者vertical-align：top;。
27.overflow:hidden;属性不能解决哪些问题?
A 清除浮动
B 设置内边距
C margin-top值传递问题
D 解决内容超出隐藏
正确答案: B
解析:B选项的效果需要padding来设置，不是overflow
28.下列元素中为空标记的是?
A p
B div
C span
D br
正确答案: D
解析:题目问的是空标签，p段落 textarea文本域 script是js的外部引入 前3个都是双标记，br是css的空标签
29.以下哪个标签是属于table表格的行分组的标签?
A tfoot
B col
C caption
D colgroup
正确答案: A
解析:表格行分组是thead tbody tfoot所以选择A；col和colgroup是列分组，caption是表格标题
30.内容设置哪个定位的属性值，可以取消定位？
A position：relative
B position：absolute
C position：fixed
D position：static
正确答案: D
解析:position：static可以取消定位 ，答案选择D
二、多选题(不定项选择)（共20题，每题2分）
1.能给具有position属性的元素形成参照物的条件
A position:relative
B postion：absolute
C position:fixed
D position:static
正确答案: A,B,C
解析:position:static属于默认定位方式，静态定位
2.让元素的高度自适应窗口的高度,以下哪些选项可以实现?
A 元素{height:100%}
B html{height:100%;}body{height:100%;}元素{height:100%;}
C html body{height:100%};元素{height:100%}
D html,body{height:100%;}元素{height:100%;}
正确答案: B,D
解析:自适应浏览器窗口一定要个html和body设置height:100%
3.隐藏元素的方法有
A overflow:hidden;
B display:none;
C visibility:hidden;
D display:hidden;
正确答案: B,C
解析:overflow:hidden;不是隐藏元素而是隐藏元素溢出的部分
4.让元素有最小高度200px,并且高度自适应,以下选项正确的是
A min:200px;height:200px
B min-height:200px;height:auto
C min-height:200px;高度不写
D max-height:200px;height:auto
正确答案: B,C
解析:最小高度min-height
5.z-index结合以下哪些选项一起使用有效
A position:absolute;
B position:fixed;
C position:static;
D position:relative;
正确答案: A,B,D
解析:z-index必须配合定位属性才生效
6.以下哪些元素是置换元素
A input
B ul
C span
D img
正确答案: A,D
解析:
7.设置盒子中的文本溢出时显示省略号,需要满足以下哪些条件
A 盒子需要设置width属性,设置overflow:hidden;
B 设置wihte-space:nowrap;
C 设置text-overflow:clip;
D 设置text-overflow:ellipsis;
正确答案: A,B,D
解析:四个属性配合使用
8.以下是display属性值的选项有
A none
B inline
C inline-block
D block
正确答案: A,B,C,D
解析:
ABCD
9.以下对relative定位描述正确的是
A relative定位会使元素脱离正常文档流
B relative定位根据父元素进行定位的
C relative定位是根据元素本身的位置进行定位的
D relative定位不会使元素脱离正常文档流
正确答案: C,D
解析:relative不脱离文档流
10.以下对absolute和relative的描述正确的是
A 两种定位没有任何区别
B 都会使元素脱离正常文档流
C absolute定位会使元素脱离正常文档流,relative定位不会使元素脱离正常文档流
D 都需要结合left,right,top,bottom属性确定元素定位的坐标
正确答案: C,D
解析:
定位
11.以下哪些为块元素?
A span
B p
C h1
D a
正确答案: B,C
解析:span、a是行内元素
12.white-space设置文本不换行的属性值是哪个
A pre
B auto
C nowrap
D normal
正确答案: C
解析:white-space的属性值有normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的
标签。 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到
标签为止。 pre-wrap 保留空白符序列，但是正常地进行换行。 pre-line 合并空白符序列，但是保留换行符。 inherit 规定应该从父元素继承 white-space 属性的值。
13.overflow属性的属性值有哪些
A hidden
B visible
C scroll
D auto
正确答案: A,B,C,D
解析:overflow：hidden;/visible/scroll/auto等
14.以下不属于overflow属性的属性值的是
A left
B 0px
C auto
D hidden
正确答案: A,B
解析:overflow：hidden;/visible/scroll/auto
15.以下哪些为行内元素（内联元素）元素?
A a
B i
C span
D table
正确答案: A,B,C
解析:table不是行内元素
16.以下选项中是position定位的属性值的选项有哪些
A static
B auto
C fixed
D relative
正确答案: A,C,D
解析:auto不是position的值
17.position定位属性设置哪些属性值,添加z-index属性会有效
A static
B absolute
C relative
D fixed
正确答案: B,C,D
解析:z-index必须结合position属性才生效
18.以下描述正确的是
A 元素类型分为两种分别是:行内元素,块状元素
B li标签display的默认属性值是list-item。
C display:none会设置内容隐藏。
D display属性可以设置元素类型转换。
正确答案: A,B,C,D
19.以下选项中,可以解决高度塌陷的是?
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
20.给元素设置透明度，可以用哪些方法设置，下面那个是正确的？(背景透明和元素透明都算)
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，属性之间;隔开
