css知识点（框模型）-20141022

1.框模型规定了元素框处理元素内容，内边距，边框，外边距

2.width是height元素内容（element）的属性，margin和padding分别是外边距和内边距的属性

内边距

3.所有内边距在同一条规则中声明及设置单边内边距

4.内边距的百分比数值是以父元素为基准的

边框

5.border-style定义多种边框样式（顺序上右下左），必须有，默认为none（既没有边框）

6.定义单边样式，注意，在以下定义中必须把单边属性放在简写属性之后。因为如果把单边属性放在 border-style 之前，简写属性的值就会覆盖单边值 none。

p {border-style: solid; border-left-style: none;}

7.定义单边宽度与定义四边宽度在一条规则

8.定义单变颜色与四边颜色（注意颜色值为transparent时边框不可见，但确实存在，不同于border-style设置为none）

外边距

9.长度值与百分比

10.四边定义在一条规则时值复制的规则

11.单边外边距属性

12.外边距合并