第七章 CSS浮动与定位 A卷
选择题。(每小题2分,共20分)清除浮动的css写法不正确的是(A)。A.clear:none B.clear:bothC.clear:right D.clear:left下面关于标准文档流的说法正确的是(A)。A.display属性可以控制块级元素和内联元素的显示方式B.<div>标签可以包含于<span>标签中C.<div>……</div>标签是
选择题。(每小题2分,共20分)
清除浮动的css写法不正确的是(A)。
A.clear:none B.clear:both
C.clear:right D.clear:left
下面关于标准文档流的说法正确的是(A)。
A.display属性可以控制块级元素和内联元素的显示方式
B.<div>标签可以包含于<span>标签中
C.<div>……</div>标签是内联元素
D.标题标签、段落标签、<span>标签都是块级元素
在制作网页时,下面关于voerflow属性的说法错误的是(D)
A.可以使用overflow属性与盒子宽度配合使用,清除浮动来扩展盒子的高度
B.overflow属性的常见值有visible、hidden、scroll、auto
C.如果页面中有绝对定位元素,并且绝对定位的元素超出了父级的范围,使用overflow属性则不合适
D.当属性值为hidden时,如果内容被修剪,则浏览器会显示滚动条以便查看其余内容
下面关于代码img{clear:both;}说法正确的是(A)
A.将<img>标签两侧的浮动元素清除 B.将<img>标签左侧的浮动元素清除
C.将<img>标签右侧的浮动元素清除 D.设置<img>标签两侧允许浮动
下面选项中,关于position属性的设置值描述错误的是(C)。
A.用来实现偏移量的left和right等属性的值,可以为负数
B.static为默认值,没有定位,元素按照标准流进行布局
C.relative属性值设置元素的相对定位,垂直方向的偏移量使用up或down属性来指定
D.absolute表示绝对定位,需要配合top、right、bottom、left属性来实现元素的偏移量
在网页中有一个id为content的div,下面选项中正确设置它的宽度为200像素,高度为100像素,且向左浮动的是(A)。
A.#content{width:200px;height:100px;float:left;}
B.#content{width:100px;height:200px;clear:left;}
C.#content{width:200px;height:100px;clear:left;}
D.#conteng{width:100px;height:200px;float:left;}
下列css属性中不属于盒子属性的是(A)。
A.float B.border
C.padding D.margin
关于浏览器的兼容性,下列说法正确的是(A)。
A.浏览器所使用的内核不同,是导致跨浏览器兼容性问题的根本原因
B.浏览器的优先级别:IE8.0>IE7.0>IE6.0>Firefox
C.clear:both不能用于清除浮动
D.通过CSS Hack的方式,可以解决浏览器兼容性的问题
下列选项中,不属于float属性值的是(D)。
A.none值 B.left值
C.right值 D.all值
下列选项中,不是float属性使用的注意点的是(C)。
A.只会影响后面的元素 B.内容默认提升半层
C.一行排列 D.默认宽根据内容确定
判断题。(每题2分,共20分)
float属性只会影响到后面元素的布局,但对之前的元素不会造成任何的影响。(√)
元素使用float属性内容默认提升一层。(×)
元素在没有任何CSS样式修饰的情况下,元素的排列方式就属于脱离文档流。(×)
脱离文档流就是利用CSS样式使元素在HTML结构中的顺序和展示出来的顺序不一致。(√)
当被设置成浮动的元素时,会按照指定的一个方向移动。(√ )
float属性默认值为left。(×)
当为元素添加浮动时,元素会脱离文档流。(×)
正常文档流位于页面的低层,而脱离文档流位于页面的上层。(√)
当未给浮动的元素设置宽度时,浮动元素的宽会与内容的宽无关。(×)
浮动的元素会改变块标签的特点。(√)
简答题。(每题5分,共15分)
简述float属性注意点。
- 只会影响后面的元素
- 内容默认提升半层
- 默认宽根据内容确定
- 换行排列
列举清除嵌套中浮动的方法。
- 父元素固定宽高
- 父元素浮动
- 父元素overflow属性
- 父元素设置display属性
- 设置空标签
- after伪类
列举几个能够触发BFC模式的属性。
- float的值为left或right
- overflow的值为hidden或scroll
- display的值为inline-block
- position的值为absolute或fixed
更多推荐
所有评论(0)