CSS中的頂端距離指的是一個元素離頁面頂部的距離。這個距離既可以由元素本身的屬性決定，也可以通過CSS來設定。 在CSS中，設置元素頂端距離的屬性是“top”，它的默認值是“auto”，也就是說如果不做設定，元素的頂端距離會根據頁面的渲染規則來自動分配，這樣的結果并不是我們想要的。 下面是一個例子，我們將一個div元素的頂端距離設定為100像素：

div {
position: absolute;
top: 100px;
}

在上面的代碼中，我們使用了CSS的定位屬性“position”，將元素的位置設定為絕對定位。同時，設定了其頂端距離為100像素，這樣它就會距離頁面頂部100像素的位置顯示。 除了“top”屬性，CSS還提供了許多其他與元素位置有關的屬性，比如說“left”（左邊緣距離頁面左側的距離）、“right”（右邊緣距離頁面右側的距離）以及“bottom”（底部邊緣距離頁面底部的距離）等等。它們的用法和“top”類似，可以根據元素的實際需求來靈活使用。 在實際編寫CSS樣式表時，我們需要根據設計要求和布局規則來確定元素的位置和距離，這是CSS中的一個重要方面，也是我們選手要掌握的技能之一。