在使用HTML5 CSS進行頁面布局時，我們常常需要使用邊距來控制元素的間距，使頁面看起來更加美觀和整潔。邊距的調整可以通過CSS來實現。

在CSS中，我們可以使用margin屬性來控制元素的邊距。這個屬性接受四個參數，分別對應四個方向：上、右、下、左。每個方向的參數可以是一個長度值（像素、英寸等），也可以是一個百分比值。

.box {
margin-top: 20px;    /* 上邊距 */
margin-right: 10%;   /* 右邊距 */
margin-bottom: 30px; /* 下邊距 */
margin-left: 10%;    /* 左邊距 */
}

如果我們只需要控制某個方向的邊距，也可以使用margin-top、margin-right、margin-bottom、margin-left等單獨設置。

除了margin，CSS中還有一個屬性padding，用來控制元素內邊距。它的使用方法和margin類似，同樣接受四個參數。

.box {
padding-top: 20px;    /* 上內邊距 */
padding-right: 10%;   /* 右內邊距 */
padding-bottom: 30px; /* 下內邊距 */
padding-left: 10%;    /* 左內邊距 */
}

在使用邊距和內邊距時，需要注意它們會影響元素的尺寸和定位，因此需要合理地使用它們，避免產生不必要的布局問題。

總之，HTML5 CSS中的邊距和內邊距是控制頁面布局的重要工具，它們可以讓我們輕松地調整元素之間的距離和位置，打造出精美的頁面效果。