CSS內距是CSS常用的一個設置，它可以設置元素內容與元素邊框之間的空隙。通過設置內距，可以讓頁面更加美觀，同時也能夠提高頁面的可讀性。

.element{
padding: 10px;
}

在上述代碼中，padding屬性用來設置元素的內距。它的屬性值為10px，表示元素內容與元素邊框之間的空隙為10像素。如果需要設置不同方向的內距，可以使用padding-top、padding-bottom、padding-left、padding-right屬性。

.element{
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}

在上述代碼中，分別設置了元素的上下左右四個方向的內距，分別為5px與10px。

除此之外，我們還可以使用百分比來設置內距。當我們需要根據窗口大小自適應調整元素內距時，使用百分比設置內距會非常方便。

.element{
padding-top: 5%;
padding-bottom: 5%;
padding-left: 10%;
padding-right: 10%;
}

在上述代碼中，分別設置了元素的上下左右四個方向的內距，均為元素寬度的5%與10%。

總之，通過靈活運用CSS內距設置，我們可以輕松地優化頁面布局，使之更加美觀和易讀。