1、3d模型，平面的盒子模型已经了解了，在3d模型中，由上至下依次为border、padding+content、 background-img、background-color、margin，其中padding+content、background-img、 background-color在二维上是重合的。

2、padding、margin、border等属性可以有1、2、3、4个参数，1个是上下左右，2个是上下＋左右，3个是上＋左右＋下，4个是上＋右＋下＋左。

3、box-sizing属性，三种取值：

（1）content-box：指定的width、height不包含border、padding，是默认情况。

（2）border-box：指定的width、height包含border，padding。

（3）padding-box：指定的width、height包含padding但不包含border。

此处补充三个jquery的方法，width(),innerWidth(),outerWidth(), 分别对应于content的width，content+padding的width，content+padding+border的width（height同理）

4、外边距合并：http://www.w3school.com.cn/css/css_margin_collapsing.asp

行内框、浮动框、绝对定位框，不会发生外边距合并

1、垂直外边距相遇（margin-top、margin-bottom）会合并，结果为较大值。

2、父元素没有border、padding作间隔，子元素的margin会和父元素的margin合并。
3、当元素本身没有border、padding时，自己的margin-top、margin-bottom会发生合并。