margin
邊框也算盒子本身大小
margin:30px
只有一個參數(shù)時 給上下左右同時 設(shè)置頁邊距
margin: 0 50px
兩個參數(shù)時
第一個參數(shù) 設(shè)置 上下外邊距
第二個參數(shù) 設(shè)置 左右外邊距
margin:30px 60px 80px
三個參數(shù)時
第一個參數(shù) 設(shè)置 上邊距
第二個參數(shù) 設(shè)置 左右邊距
第三個參數(shù) 設(shè)置 下邊距
margin：30px 60px 80px 100px
四個參數(shù)
第一個參數(shù) 上邊距
第二個參數(shù) 右邊距
第三個參數(shù) 下邊距
第四個參數(shù) 左邊距
margin-top:0;
margin-right:0
margin-bottom:30px;
margin-left:0;
單獨設(shè)置四條邊的 外邊距
邊框也算盒子本身的大小
兩個相鄰元素之間的間距計算
上下外邊距 按最大的間距算
左右外邊距 按兩個外邊距之和計算
行元素 不能設(shè)置 上下外邊距
margin:0 auto;
使用margin設(shè)置居中
margin外邊距
盒子離其他元素的距離
如果元素 是 其父元素的 第一個子元素如果給這個元素
設(shè)置上邊距蛮粮，則會將父元素一起拖下來（效果相當(dāng)于直接
給父元素設(shè)置上邊距）
解決方式：
1.給父元素加邊框
2.在上面加一個 有高度的元素
3.刪掉子元素的上邊框 給父元素 加上內(nèi)邊距
