在網頁設計中，CSS 是不可或缺的一部分。但是許多網頁設計師都會遇到一個共同的問題：如何控制內部和外部元素之間的間距。

在 CSS 中，有兩種方法可以控制元素之間的間距。它們分別是：外邊距（margin）和內邊距（padding）。

外邊距表示元素與周圍元素之間的距離，而內邊距表示元素的內部內容與元素邊框之間的距離。

div {
margin: 20px;
padding: 10px;
border: 1px solid #ccc;
}

在上面的代碼中，我們使用了 margin 和 padding 屬性對 div 元素進行了樣式的設置。margin 的值為 20px，表示元素外部與周圍元素之間的距離為 20px；padding 的值為 10px， 表示元素內部內容與元素邊框之間的距離為 10px。

需要注意的是，margin 和 padding 的值可以設置為 auto，表示自動計算元素與周圍元素之間或內容與邊框之間的距離。這種設置通常應該在元素水平居中時使用。

div {
margin: auto;
width: 500px;
height: 500px;
border: 1px solid #ccc;
}

上面代碼中，我們采用了 margin: auto 的設置，使得元素水平居中。然后，寬高均為 500px， 邊框為 1px 實線。

通過對 margin 和 padding 屬性的靈活運用，我們可以輕松地控制元素之間的間距，從而創建出更加美觀的網頁布局。