在網頁設計中，CSS是一項非常重要的技術。其中，控制距離也是CSS中一個非常重要的部分。通過對距離的控制，我們可以讓網頁元素之間的間距更加合適，從而提高整個網頁的可讀性和美觀程度。

在CSS中，控制距離的主要方式就是利用margin和padding屬性。其中，margin屬性是控制元素與其它元素之間的距離，而padding屬性則是控制元素內部內容與元素邊框之間的距離。這兩個屬性都可以取正數和負數，從而實現元素之間的精密控制。

.box {
width: 200px;
height: 200px;
margin: 20px;
padding: 10px;
background-color: #f0f0f0;
}

上面的代碼是一個典型的利用margin和padding屬性控制距離的例子。在這個例子中，我們定義了一個class叫做“box”，其中包含了一個200px*200px的矩形元素。元素內部有10px的padding，以保證元素內部的文字與邊框更加合適。同時，元素與其它元素之間有20px的margin，以保證該元素與其它元素之間的距離更加美觀。

在實際開發中，我們需要特別注意控制距離時的細節。例如，當兩個元素相鄰時，它們之間的距離應該是兩個元素各自margin中的最大值，而不是兩個margin之和。這些細節都需要我們在實踐中不斷去摸索和學習，才能夠縱橫馳騁在CSS的控制距離世界。