Web開發中，CSS是必不可少的一部分，常常用于設置元素的樣式。其中一個常用的CSS屬性是距離，可以用來控制元素與其他元素之間的距離，也可以用來控制元素與邊緣之間的距離。下面我們將介紹一些關于CSS距離的知識。

margin: 20px;
padding: 10px;

CSS中的距離屬性有兩個：margin和padding。

margin可以用來控制元素與其他元素之間的空白距離，可以為正值（向外擴張）或負值（向內收縮）。可以使用簡寫方式，如margin: 10px;表示四個方向都相同的邊距。你也可以按照順序單獨設置每個方向的值，如margin-top: 10px;表示頂部的邊距為10個像素。

padding則是用來控制元素內容與邊緣之間的距離，也可以為正數或負數。同樣可以使用簡寫方式和單獨設置每個方向的值。

通過margin和padding屬性的靈活運用，我們可以輕松達到各種布局要求。比如，我們可以讓一個元素與其他元素保持一定的距離，同時讓內部的文本內容與邊緣保持一定的距離，以達到更加美觀的效果。

總之，距離相關的CSS屬性可以為我們的頁面創建出各種布局，只需靈活運用就可以達到我們所想要的效果。