CSS学习13：外边距（margin）

语法：

合写属性：

值的个数	表达意思
margin:5px;	1个值，代表上右下左都有5个像素的外边距
margin:5px 10px;	2个值，代表上下外边距5个像素，左右外边距像素是10个像素
margin:5px 10px 20px;	3个值，代表上外边距5像素，左右外边距10像素，下外边距20像素
margin:5px 10px 20px 30px;	4个值，代表上外边距5像素，右外边距10像素，下外边距20像素，左外边距是30像素

分写属性：

属性	作用
margin-top	上外边距
margin-right	右外边距
margin-bottom	下外边距
margin-left	左外边距

---

外边距可以让块元素水平居中的两个条件 

1. 盒子必须指定了宽度
2. 盒子的左右外边距都设置为auto

常见的写法：

margin-left: auto;   margin-right: auto;
margin: auto;
margin: 0 auto;

注意：以上方法是让块级元素水平居中，行内元素或者行内块元素水平居中给其父元素添加 text-align:center 即可。