css中margin引數省略的原則

使用margin屬性是用來設定物件四邊的外邊距，如果提供全部四個引數，將按上-右-下-左的順序作用於四邊，即：

margin：

記住這個模式的好的途徑是：這4個值從元素頂端開始，順時針圍繞元素。值總是按照這個順序被使用，因此若想得到預期的效果，必須正確地排序它們。

為什麼會省略？

有時，為margin輸入的值有些重複：

p

為了那些懶人少輸入這些煩人的**(不知道這是否是初衷，但肯定有這樣的懶人)，或許更實際的些是為了減小css檔案的位元組數，以減小頻寬占用，節省經濟支出，w3c的成員們想出了更簡單的替代方法，不必這樣重複輸入一對值，可以用下面的標記來代替它：

p

這樣的兩個值足以代替那四個值，是怎麼做的呢？

省略原則

css定義了幾個步驟以接收少於四個的margin引數：

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

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

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

換句話來說，如果給margin賦了三個值，則第四個（left）由複製第二個（right）得到。如果給出了兩個，則第四個由複製第二個得到，第三個（bottom）由複製第乙個（top）得到。最後，如果只給出了乙個值，那麼將被複製到其他三個。

假如更喜歡直觀的說明，請看如下所示的**。

舉三個例子你應該更加清楚了：

1. b 和 b 是等價的；

2. b 和 b 是等價的；

3. b 和 b 是等價的；

有了這些原則的指引之後，我想你在編寫css的時候頭腦中對於margin屬性中引數的省略的思路應該更加清晰了吧！