前端学习（十三）CSS margin的使用

margin是设置对象外边距外延边距离。
margin的值有三种情况，
可以为正整数和负整数并加单位如PX像素（margin-left:20px）；
可以为auto自动属性(margin-left:auto 自动)；
可以为百分比（%）值（margin-left:3%）。

单独设置四边间距属性单词：
margin-left 对象左边外延边距 （margin-left:5px; 左边外延距离5px）
margin-right 对象右边外延边距 （margin-right:5px; 右边外延距离5px）
margin-top 对象上边外延边距 （margin-top:5px; 上边外延距离5px）
margin-bottom 对象下边外延边距 （margin-bottom:5px; 下边外延距离5px）

合并书写：
四边不同值（上，右，下，左）：margin:5px 8px 6px 7px;
1、只有上下情况缩写：
margin:5px 0 6px 0或margin:5px auto 6px auto
2、只有左右情况缩写：
margin:0 6px 0 5px或margin:auto 6px auto 5px
3、只有三边情况缩写：
margin:5px 0 6px 4px或margin:5px auto 6px 4px
4、四边相同值缩写：
margin:5px;
5、四边其中上下值和左右值各相同缩写：
margin:5px 7px;
6、只写前三个时代表上，右，下：
margin:5px 6px 7px;

利用margin实现布局居中，基础单词：
marign:0 auto