选择题。(每小题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属性注意点。

  • 只会影响后面的元素
  • 内容默认提升半层
  • 默认宽根据内容确定
  • 换行排列

列举清除嵌套中浮动的方法。

  1. 父元素固定宽高
  2. 父元素浮动
  3. 父元素overflow属性
  4. 父元素设置display属性
  5. 设置空标签
  6. after伪类

列举几个能够触发BFC模式的属性。

  1. float的值为left或right
  2. overflow的值为hidden或scroll
  3. display的值为inline-block
  4. position的值为absolute或fixed
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐