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

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

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

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

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

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

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

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

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