盒模型的知识总结

盒模型的组成：
1.width宽度
2.height高度
3.padding内边距
4.border边框
5.margin外边框

一、padding内边框重点：
1.1~4个值
2.顺时针赋值从上开始
3.增加盒模型面积

二、border边框重点：
1.复合属性：border-width border-style border-color
2.增加盒模型面积
3.增：圆角
4.增：三角

三、margin外边框重点：顺时针复制，从上开始（上，右，下，左）
注意：
叠压现象：常态下，兄弟标签之间的距离以最大值为准
塌陷问题原因：常态下，父级的第一个子集标签是块标签，并且使用了 margin或者margin-top
解决方法：
1.在父级使用border
2.不适用margin-top，在父级使用padding-top，
3：在父级使用overflow：hidden