组成

四个部分：margin（外边距）、border（边框）、padding（内边距）、content（内容）

1.border（边框）

（1）边框缩写：

border：1px solid red;（无序）

（2）边框分开写：

border-top：1px solid blue;/*只设定边框，其余同理*/

（3）边框合并：

border-collapse:colllapse;/*colllapse 合并*/

(4)注意：边框的大小会影响盒子的实际大小

2.padding（内边距）

（1）

（2）padding的缩写（四种）

（3）注意：边框的大小会影响盒子的实际大小

3.margin（外边距）

（1）缩写如同padding

（2）水平居中：两个条件

盒子指定的宽度（width）；外边距设置为auto。

常写：maigin:0 auto;

注意：行内元素或者行内块元素水平居中给其父元素添加text-align:center即可。

（3）嵌套块元素垂直外边距的塌陷

清楚内外边距

* {

padding:0;

margin:0;

}