笔记 | PHP 2012 | 昨日回顾

知识点回顾

1. 控制 margin 时, 如果写4个数值, 如 10px 20px 30px 40px
   分别代表哪个方向的 margin?

• 上, 右, 下, 左

1-1. 如果写的是 10px 20px 30px, 左外边距的值是多少? 判断依据是什么?

• 20px
• 左侧未赋值, 取对边

2. 如何高效地单独指定某一方向的 margin 值?

• margin-top
• margin-right
• margin-bottom
• margin-left

3. 如果一个盒子设置如下, 那么, 允许放内容的区域有多大? red 区域有多大?

width: 300px; 
height: 300px; 
padding: 50px; 
background: red;

• 内容区: 300*300
• red 区: 400*400

4. 元素 float: left; 后, 将会遮挡后面的盒子,这么理解这个模型?

• 因为 float 的元素先飘在半空中,所以后面的 div 就会钻到 float 的元素底下, 在屏幕上看起来就是一个被遮挡的效果.

5. 如果要让后面的元素不被 float 元素遮挡, 怎么办?

• 声明 clear: left / right / both;
• 理解为, 声明一个元素上面, 不允许有左浮 / 右浮 / 浮动元素

---

达标要求, 完成网页布局:

达标要求示意图

---

2012_d1_①_014