在網站設計中，常常需要設置不同元素之間的間隙，這可以通過CSS的margin和padding屬性來實現。

首先，margin屬性用于設置元素與其它元素之間的間隔距離。它有四個值可以設置，分別是上下左右的間距：margin-top、margin-bottom、margin-left和margin-right。比如，如果希望一個盒子與其它元素保持30px的距離，可以設置如下：

.box {
margin: 30px;
}

代碼中，將四個margin屬性值都設置為30px，這樣這個盒子就可以與其它元素保持相應距離了。

其次，padding屬性用于設置元素內部內容和元素邊框之間的距離。與margin不同的是，padding同樣也有四個值可以設置：padding-top、padding-bottom、padding-left和padding-right。例如，如果想讓一個容器中的內容與邊框相距20px，可以這樣設置：

.container {
padding: 20px;
}

代碼中，將四個padding屬性值都設置為20px，這樣容器中的內容就可以與邊框保持20px的距離了。

要注意的是，margin和padding的值可以是正數也可以是負數。如果為正數，表示間隔距離是元素寬度的對應部分（例如，margin: 30px就表示元素四周都有30像素的空白區域）。如果為負數，表示元素會伸展到其它元素的區域內。

在設置元素間隙時，我們還需要注意元素的盒子模型。CSS中的box-sizing屬性有三個值：content-box、border-box和padding-box。content-box是默認值，它將元素的width和height值設置為內容的寬度和高度，再加上padding和border的寬度。border-box表示元素的width和height值已經包括了padding和border的值，即內容的區域會變小。padding-box表示元素的width和height值已經包括了padding的值，即內容包含在padding內部。

總之，合理地使用margin和padding屬性，可以使網頁的布局更加美觀和清晰。