CSS中的margin是指元素邊框與周圍元素的距離，它可以為一個元素設(shè)置空白邊距，以增加頁面布局的美觀度和可讀性。Margin也是一個非常重要的CSS屬性，影響著頁面的整體布局和樣式。我們下面就來看一下Margin屬性的具體應(yīng)用。

margin-top: 20px;
margin-left: 30px;
margin-bottom: 10px;
margin-right: 50px;

上面的代碼就是一個典型的Margin屬性的應(yīng)用示例。它定義了一個元素的四個Margin值，即上、左、下、右四個方向上的Margin。如果你想定義所有方向的Margin值，可以使用margin屬性代替單個方向的Margin屬性。比如：

margin: 20px;

這樣的代碼就可以使元素四個方向上的Margin值都為20px。跟margin屬性一起設(shè)置的還有margin-top、margin-left、margin-bottom和margin-right屬性。其中，margin-top屬性用于定義元素頂部的Margin值，margin-left用于定義元素左側(cè)的Margin值，margin-bottom屬性用于定義元素底部的Margin值，margin-right用于定義元素右側(cè)的Margin值。

值得注意的是，Margin的值可以為正數(shù)、負(fù)數(shù)、0、百分?jǐn)?shù)等，還可以使用auto關(guān)鍵字。如果定義了參考容器，Margin的值則相對于參考容器來計算。如果沒有定義參考容器，則Margin的值相對于文檔的邊界來計算。

Margin重疊是CSS中的一個特殊現(xiàn)象，當(dāng)兩個或多個垂直相鄰的元素的Margin值重疊時，它們最終相鄰處的Margin值將變?yōu)閮烧進(jìn)argin值中的較大值。這在頁面布局中很常見，需要特別注意。