CSS盒模型：

网页中所有的元素都是矩形的，可以看做是一个个盒子。

网页由多个盒子组成。

盒子：边框+内边距+内容区域+外边距组成。

网页就是多个盒子嵌套排列的结果。

内边距出现在内容区域的周围，当给元素加背景或背景图像时，该元素的背景色或背景图像也将出现在内边距中。

边框属性：

上边框：border-top

下边框：border-bottom

边框样式合写：例

border-top：宽度 样式 颜色

可以用一行CSS设置上下左右所有的边框的样式  border：10px dotted blue；

去图片边框的写法：border：0 none；

内边距属性：padding-top（上内边距  ）  padding-right（右内边距） padding-bottom（下内边距）

padding-left（左内边距）  padding（上内边距）

结合起来写法：padding：上右下左。

外边距：margin属性用于设置外边距。

结合用法：(margin：上右下左)。

块级元素水平居中代码： margin：0 auto

外边距合并：

当两个块级元素，上面的块级元素拥有下外边距，下面的块级元素拥有上外边距，两个盒子上下的距离会取两个边距的最大值，而不是进行加和处理。

嵌套块元素垂直外边距的合并：