CSS是前端開發中不可或缺的一部分，它可以控制網頁的樣式，包括字體、顏色、布局等。在設計布局時，我們經常需要設置兩個元素之間的間距。下面，我們將介紹如何使用CSS設置兩個間距。

/*設置元素之間的間距*/
selector1 + selector2 {
margin-top: 10px;
}

上面的代碼包含一個選擇器和一個樣式。選擇器由兩個元素組成，中間使用加號分隔。兩個元素之間的間距可以通過設置樣式屬性margin-top來實現。

下面是一個實例：

/*HTML*/
<div class="box1"></div>
<div class="box2"></div>
/*CSS*/
.box1 + .box2 {
margin-top: 10px;
}
.box1 {
height: 100px;
background-color: red;
}
.box2 {
height: 100px;
background-color: green;
}

這里我們使用了兩個div元素，分別設置了不同的背景顏色和高度。通過CSS中的選擇器和樣式，給box2元素設置了與box1元素10像素的間距。

另外，使用CSS設置兩個元素之間的間距時，需要注意元素必須緊貼著，中間不能有其他元素。否則，設置的樣式會失效。

總的來說，CSS設置兩個間距時，通過選擇器和樣式實現元素之間的距離控制。通過這種方式可以很方便地調整網頁布局。