CSS內留白是網頁設計中重要的一環。它可以讓頁面布局更加合理、美觀。內留白分為內邊距和外邊距。它們均可使用CSS來調節大小和間距。

{
margin: 20px;
padding: 10px;
}
img {
margin: 0 auto;
display: block;
}

內邊距指的是在邊框內部，元素內容與邊框的距離。它可以讓元素內容與邊框之間有適當的間隔，從而使網頁看起來更加舒適。對于內邊距的控制，可以使用padding屬性。

padding: 20px 10px;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;

外邊距指的是元素與相鄰元素之間的距離。它可以調節元素之間的間距，使頁面看起來更加美觀。對于外邊距的控制，可以使用margin屬性。

margin: 20px 10px;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;

在使用CSS內留白時，為了達到最佳效果，我們需要考慮到文本字體大小、顏色、元素大小等因素。同時，我們也需要注意元素的層次結構，盡量避免使用多個嵌套元素來實現布局，這樣會對代碼可讀性產生負面影響。

總的來說，CSS內留白是網頁設計中不可或缺的一環。通過適當的調節，它可以為我們的網頁增添美觀與舒適度。