使用CSS控制文字距離頁面頂部的距離非常重要，它可以讓我們更好地控制頁面布局，提高頁面的用戶體驗。通過在CSS中指定元素的位置和邊距，我們可以輕松地調整文本的距離頁面頂部的距離。
要實現這個功能，我們需要使用CSS中的position屬性來確定元素的位置。使用position屬性，我們可以將元素相對于其包含元素或視口的位置進行定位。在這里，我們將使用相對定位來將文本的位置定位到頁面的頂部。
下面是一段簡單的CSS代碼，將文本距離頁面頂部100px的位置：

p {
position: relative;
top: 100px;
 }

在這個例子中，我們使用p標簽選擇器選擇了所有的段落元素，并設置它們的position屬性為relative。接下來，我們使用top屬性將它們的位置相對于頁面頂部向下移動100px。
如果我們想將文本完全覆蓋在頁面頂部，可以在其中添加一個margin屬性：

p {
position: relative;
top: 0px;
margin: 0;
 }

使用這種方法，我們可以輕松地將文本距離頁面頂部的位置調整到任何我們需要的位置，這將有助于我們實現更好的頁面設計和用戶體驗。