在CSS中，盒子模型是指網頁中所有元素被視為一個盒子，在這個盒子中包含了元素的內容、內邊距、邊框和外邊距等屬性。其中，外邊距是指盒子和其它元素之間的空白區域，通常用來控制元素之間的間距以實現網頁布局的效果。

.box {
margin: 20px; /* 上、右、下、左都是20px */
}

在使用margin屬性時，我們可以通過指定上、右、下、左四個方向的值來設置元素的外邊距。例如，上面的代碼將會把.box元素的上、右、下、左四個方向的外邊距都設置為20px。

.box {
margin-top: 10px; /* 上邊距為10px */
margin-right: 20px; /* 右邊距為20px */
margin-bottom: 30px; /* 下邊距為30px */
margin-left: 40px; /* 左邊距為40px */
}

如果我們想要對不同的方向設置不同的外邊距大小，則可以使用margin-top、margin-right、margin-bottom、margin-left這4個屬性來分別設置。

除了使用像素值來設置外邊距之外，還可以使用百分比值、em值、rem值等單位來進行設置。此外，如果我們想要為某個方向的外邊距設置為0，則可以使用margin-top: 0、margin-right: 0、margin-bottom: 0、margin-left: 0來進行清空。

.box {
margin: 10% 2em; /* 上下為10%、左右為2em */
}

最后，需要注意的是，margin屬性也具有繼承性，這意味著子元素可以繼承其父元素的margin值。但是要注意，當兩個相鄰的元素都設置了外邊距時，它們之間的距離將會是兩個外邊距中的較大值，而不是兩個外邊距相加的和。