外边距

1.外边距指的是当前盒子与其他盒子之间的距离，它不会影响可见框的大小，但是会影响到盒子的位置，盒子也有4个方向的外边距。
margin-xxx(top/bottom/left/right)
2.eg.margin-top指的是盒子的上外边距，盒子的上边距和其他盒子的距离。
由于页面中的元素都是靠左靠上摆放的，当我们设置上和左外边距时，会导致盒子自身的位置发生改变，如果设置右和下外边距会改变其他盒子的位置。
3.取值可以为负值，负值往相反方向，eg margin-left=-20px;
4.margin还可以设置为auto,一般指定margin-left/margin-right为auto会将默认值设为最大值，垂直方向设置auto默认为0.


如果将left和right同时设置为auto,则将两侧的外边距设置为相同的值，使子元素在父元素中水平居中。

5.简写属性：
margin:10px 20px 30px 40px;规则同之前的上右下左。
eg margin:0 auto;上下是0，左右是居中。