CSS是網頁設計中必不可少的一部分，通過設置樣式和布局，可以讓網頁更加美觀和易于瀏覽。其中一個常用的CSS屬性是間距（margin和padding）。在塊內元素之間設置正確的間距可以讓頁面更加整潔和易于識別元素的邊界。

首先，我們需要了解塊內元素的概念。在HTML中，有兩種元素，分別是塊級元素和內聯元素。塊級元素是指可以單獨占一行的元素，例如p標簽、div標簽等；而內聯元素是指行內元素，例如span標簽、a標簽等。為了更好地設置元素的間距，我們需要了解兩者之間的差異。

對于塊內元素，我們通常使用margin和padding屬性來設置間距。其中，margin是元素外部的空白區域，而padding是元素內部的空白區域。下面是一個示例代碼，展示如何設置塊級元素之間的間距：

p {
margin-bottom: 20px;
padding: 10px;
}

在上面的代碼中，我們為p元素設置了底部外邊距為20像素，內邊距為10像素。這將使每個段落之間保留一定的間隔，并使段落文字與其邊界之間有一定的距離。

對于內聯元素，我們可以使用padding屬性來設置間距，但是margin屬性不起作用。這是因為內聯元素通常緊密排列在一起，而不需要和其周圍的元素保持一定距離。下面是一個示例代碼，展示如何設置內聯元素之間的間距：

span {
padding: 5px;
}

在上面的代碼中，我們為span元素設置了內邊距為5像素。這將使每個內聯元素周圍出現一定的空白區域，但不會影響其周圍的元素。

總之，為了使網頁更加美觀和易于瀏覽，我們需要正確地設置元素之間的間距。使用CSS中的margin和padding屬性可以幫助我們實現這一目標，并使網頁元素更加整齊和有序。