CSS中距離的設置是網頁設計中非常重要的一部分，它對于網頁布局的美觀程度有著直接的影響。下面我們將簡單介紹一些CSS中常用的距離設置方法。

1. margin
距離設置方法中最常用的是margin，它用于設置元素之間的距離。可以使用如下方式進行設置：
margin:10px; //給元素四邊設置10像素的距離
margin:10px 20px; //給元素上下設置10像素，左右設置20像素的距離
margin:10px 20px 30px 40px; //按照上、右、下、左的順序給元素設置不同的距離
2. padding
padding用于設置元素內部與邊框之間的距離。可以使用如下方式進行設置：
padding:10px; //給元素四邊設置10像素的內邊距
padding:10px 20px; //給元素上下設置10像素，左右設置20像素的內邊距
padding:10px 20px 30px 40px; //按照上、右、下、左的順序給元素設置不同的內邊距
3. width和height
width和height用于設置元素的寬度和高度，可以使用如下方式進行設置：
width:100px; //設置元素的寬度為100像素
height:50px; //設置元素的高度為50像素
4. line-height
line-height用于設置行高，即行與行之間的距離。可以使用如下方式進行設置：
line-height:20px; //設置每行的高度為20像素
5. letter-spacing
letter-spacing用于設置字符之間的間距。可以使用如下方式進行設置：
letter-spacing:2px; //設置相鄰字符之間的間距為2像素
6. word-spacing
word-spacing用于設置單詞之間的間距。可以使用如下方式進行設置：
word-spacing:10px; //設置相鄰單詞之間的間距為10像素

以上是CSS中常用的距離設置方法，使用這些方法可以輕松地設計出美觀的網頁布局。