CSS（Cascading Style Sheets，層疊樣式表）是一種用于網頁排版的樣式語言，它可以讓我們更加有效地控制網頁的布局和樣式。其中，外邊距（margin）是一項非常重要的屬性，可以用于控制元素之間的空白間隔。下面我們來詳細了解CSS中的外邊距屬性。

在CSS中，外邊距可以使用margin屬性來定義。我們可以將margin屬性設置為一個值，也可以將它設置為四個值，分別表示上、右、下、左四個方向的外邊距。例如：

/* 設置所有方向的外邊距為20像素 */
margin: 20px;
/* 設置上下方向的外邊距為10像素，左右方向的外邊距為30像素 */
margin: 10px 30px;

如果我們需要設置不同方向的外邊距，還可以使用margin-top、margin-right、margin-bottom和margin-left這四個屬性來單獨設置。例如：

/* 設置上下方向的外邊距為10像素，左右方向的外邊距為30像素 */
margin-top: 10px;
margin-right: 30px;
margin-bottom: 10px;
margin-left: 30px;

此外，我們還可以使用負值的外邊距來讓元素的框架重疊。比如，我們可以使用負的margin-top來將一個元素向上移動。例如：

/* 將一個元素向上移動20像素 */
margin-top: -20px;

總的來說，外邊距是CSS中非常重要的屬性之一，在實際開發中經常會用到。通過靈活地設置外邊距，我們可以讓網頁更加美觀、整潔。同時，我們也需要注意到外邊距的嵌套規則，避免出現一些不必要的布局問題。