CSS置頂是一種常見的網站設計需求，通過CSS代碼可以讓網頁上某個元素始終處于頁面的頂部，無論用戶如何滾動頁面。下面，我們就來了解一下如何實現CSS置頂。

首先，在HTML中需要為需要置頂的元素（比如導航欄）添加一個ID名，以便CSS樣式可以調用。

<nav id="navigation">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">文章</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>

接下來，在CSS樣式中為導航欄添加樣式，使其可以滾動到頂部固定。實現方式有兩種。

第一種，使用position屬性，將導航欄設置為fixed，并且設置top值即可。

#navigation {
position: fixed;
top: 0;
}

第二種，使用sticky屬性，將導航欄設置為sticky，并且設置top值即可。

#navigation {
position: sticky;
top: 0;
}

在代碼中可以看到，這兩種方式都是通過設置元素的position屬性來實現的，固定住該元素的位置。其中，fixed的元素會相對于屏幕的視口（viewport）來定位，而sticky的元素會在其父元素內構成一個相對固定的位置。通過設置top值，讓元素一直處于頁面的頂部。

通過上面的方法，我們就可以實現一個簡單的CSS置頂效果。在實際應用中，我們也可以在頂部添加一個跟隨頁面滾動的動畫，或者給置頂元素添加其他樣式，來豐富頁面的內容。