在CSS中，可以使用margin-top屬性來設置元素距離頂部的距離。margin-top屬性的值可以是具體的像素值，也可以是相對值，如em、rem等。

如果想要設置一個元素距離頂部20像素的距離，可以這樣做：

element {
  margin-top: 20px;
}

或者，如果想要設置一個元素距離頂部1em的距離，可以這樣做：

element {
  margin-top: 1em;
}

margin-top屬性僅適用于塊級元素，如<div>、<p>等，對于內聯(lián)元素，如<span>，需要使用其他方法來實現距離頂部的設置。

CSS中的padding-top屬性也可以用來設置元素距離頂部的距離，但它是在元素的內部添加空間，而不是在元素的外部。padding-top和margin-top的使用場景有所不同。

除了設置單個元素的距離頂部，CSS中還有其他方法可以實現多個元素之間的垂直間距，如使用line-height屬性設置行高，或者使用vertical-align屬性設置垂直對齊方式等，這些方法可以根據具體的需求和場景進行選擇和應用。