CSS是指層疊樣式表，是用于定義網頁樣式的一種語言。在網頁設計中，經常需要設置打開頁面時元素的初始位置。

要定義打開頁面時元素的位置，我們可以使用CSS的position屬性，結合top和left屬性。其中，position屬性可以指定元素的定位方式，參數包括static、relative、absolute和fixed，默認值是static。

當position屬性設置為relative時，元素在文檔流中占據位置，可以根據top和left屬性的數值，分別相對于元素原來的位置上下或左右移動。

.box {
position: relative;
top: 20px;
left: 50px;
}

當position屬性設置為absolute時，元素脫離文檔流，相對于最近的已定位祖先元素或body元素定位。可以根據top和left屬性的數值，分別相對于定位元素的左上角上下或左右移動。

.box {
position: absolute;
top: 20px;
left: 50px;
}

當position屬性設置為fixed時，元素脫離文檔流，相對于瀏覽器窗口定位。可以根據top和left屬性的數值，分別相對于瀏覽器窗口的左上角上下或左右移動。

.box {
position: fixed;
top: 20px;
left: 50px;
}

通過設置position、top和left屬性，我們可以輕松地定義打開頁面時元素的位置。同時，還可以通過z-index屬性指定元素在圖層中的順序，實現圖層疊加的效果。