淺析CSS的margin屬性

margin是css中的一個常用屬性，margin有多種省略寫法，剛接觸的時候不太容易搞懂，因此本文特別記錄一下。

css手冊中對margin屬性的說明為：

檢索或設定對象四邊的外補丁。預設值為 0 0。

如果提供全部四個參數值，將按上－右－下－左的順序作用於四邊。如果只提供一個，將用於全部的四邊。如果提供兩個， 第一個用於上－下，第二個用於左－右。如果提供三個，第一個用於上，第二個用於左－右，第三個用於下。

margin省略數值的寫法，基本原則如下：

1.如果沒有left值，則使用right代替；

2.如果沒有bottom值，則使用top代替；

3.如果沒有right值，則使用top值代替。

1).如果margin只有三個值，按照值的順序為margin：top right bottom;缺少了left，根據原則，則left的值有right來代替。

margin:10px 20px 30px;就等於margin:10px 20px 30px 20px;

2).如果margin只有兩個值，按照值的順序為margin：top right;缺少了bottom和left，根據原則left的值由right來代替，bottm的值由top來代替。

margin:10px 20px;就等於margin:10px 20px 10px 20px;

3).如果margin只有一個值，按照值的順序為margin:top;缺少了bottom、left和right，根據原則left的值由right來代替，bottom的值由top來代替，right的值右top來代替，也就是說left的值也由top來代替。

margin:10px; 就等於margin:10px 10px 10px 10px;

更多精彩內容：http://www.bianceng.cnhttp://www.bianceng.cn/web/Css/