CSS知识点整理(2):框模型，定位

1. 框模型：Box Model 规定了元素处理元素框处理元素内容、外边距、边框、内边距的方式。

2. 当边距给定的值 可以小于4个。CSS定义了一些规则、处理这中情况：

• 如果缺少左外边距的值，则使用右外边距的值。
• 如果缺少下外边距的值，则使用上外边距的值
• 如果缺少下外边距的值，则使用上外边距的值。

3. 外边距合并：当两个垂直方向（相对于水平方向）的外边距相遇时，它们将合成一个外边距。

合并后的数值：合并前的较大值

 

4. 合并发生在两个同级元素之间，子元素和父元素之间，也可能发生在自身。

详情参考： http://www.w3school.com.cn/css/css_margin_collapsing.asp

 

5. 定位的相关概念

·文档流

·流式布局

·列式布局

·正常流布局

·行框

·行内框、行内元素

·块框、块级元素

·无名框、无名块框

·包含框

 

注意“行框”与“行内框”

参考网址：  http://www.w3school.com.cn/css/css_positioning.asp  其他百度

 

6. 相对定位，clip的属性值以及解释，并计算剪裁后图形的高度

 

7. 浮动的3个案例：水平菜单，表格，简单首页

http://www.w3school.com.cn/css/css_positioning_floating.asp