在網頁設計中，布局很重要，而間距就是布局中非常重要的一部分。通過 CSS 中的公共間距，我們可以在各個元素之間創造空間，從而使整體排版更加美觀和容易閱讀。

要創建公共間距，我們需要用到 CSS 的 padding 和 margin 屬性。 其中，padding 是指元素的內部區域與元素的內容之間的空間，而 margin 是指元素四周與相鄰元素之間的空間。padding 和 margin 都可以用來創造公共間距。

p {
margin: 10px;    /* 設置 p 元素的外邊距 */
padding: 5px;    /* 設置 p 元素的內邊距 */
}

在上述代碼中，我們使用了 margin 和 padding 屬性來為 p 元素設置公共間距。可以看到，我們分別設置了它們的值為 10px 和 5px。 因此，p 元素的四周都會留有 10px 的空白邊緣，而元素內部和內容之間會留有 5px 的空間。

同時，我們也可以設置不同的值來創造不同的間距效果。 例如，如果我們想要為元素的上下左右方向都設置不同的間距，可以使用 margin-top、margin-bottom、 margin-left 和 margin-right 屬性來分別設置各自的值。

p {
margin-top: 15px;      /* 上邊距：15px */
margin-bottom: 25px;   /* 下邊距：25px */
margin-left: 10px;     /* 左邊距：10px */
margin-right: 20px;    /* 右邊距：20px */
}

通過以上設置，我們可以在 p 元素周圍創造出不同的空間，以實現更加美觀的布局。同時，在創建公共間距時，也需要注意不要過度使用。過多的間距不僅會降低頁面的整體美感，也會給用戶帶來不必要的滾動和閱讀麻煩。