知识点回顾
- 控制 margin 时, 如果写4个数值, 如 10px 20px 30px 40px
分别代表哪个方向的 margin?
- 上, 右, 下, 左
1-1. 如果写的是 10px 20px 30px, 左外边距的值是多少? 判断依据是什么?
- 20px
- 左侧未赋值, 取对边
- 如何高效地单独指定某一方向的 margin 值?
- margin-top
- margin-right
- margin-bottom
- margin-left
- 如果一个盒子设置如下, 那么, 允许放内容的区域有多大? red 区域有多大?
width: 300px;
height: 300px;
padding: 50px;
background: red;
- 内容区: 300*300
- red 区: 400*400
- 元素 float: left; 后, 将会遮挡后面的盒子,这么理解这个模型?
- 因为 float 的元素先飘在半空中,所以后面的 div 就会钻到 float 的元素底下, 在屏幕上看起来就是一个被遮挡的效果.
- 如果要让后面的元素不被 float 元素遮挡, 怎么办?
- 声明 clear: left / right / both;
- 理解为, 声明一个元素上面, 不允许有左浮 / 右浮 / 浮动元素
达标要求, 完成网页布局:
达标要求示意图
2012_d1_①_014
网友评论