CSS 可以用來控制 HTML 元素的外觀和布局，包括元素之間的間距。在 CSS 中，我們使用 margin 和 padding 屬性來設置元素的間距。

// 設置元素的內邊距為 10px
div {
padding: 10px;
}
// 設置元素的外邊距為 20px
p {
margin: 20px;
}

margin 屬性用于設置元素與周圍元素之間的距離，可接受一個或四個值。一個值將應用于所有四個方向，而四個值將分別應用于上、右、下和左。

padding 屬性用于設置元素的內邊距，可接受一個或四個值，與 margin 屬性相同。

還可以使用特殊的值，例如 auto、inherit 和 initial。auto 將自動計算間距，inherit 將繼承父元素的間距，而 initial 將使用默認值。

// 將 div 元素的上下內邊距設置為 auto，左右內邊距設置為 20px
div {
padding: auto 20px;
}
// 將 p 元素的所有外邊距設置為 10px，并繼承父元素的外邊距
p {
margin: 10px inherit;
}

另外，還可以使用負值來設置元素與周圍元素的距離，這通常用于微調布局。

// 將 div 元素向左移動 10px
div {
margin-left: -10px;
}
// 將 p 元素上方向上移動 5px，下方向下移動 5px
p {
margin-top: -5px;
margin-bottom: 5px;
}

CSS 的間距屬性是控制元素布局和排版的重要工具，仔細使用可以讓頁面布局更加精致。同時，也需要注意在不同瀏覽器和設備上可能存在的顯示差異，以免影響用戶體驗。