CSS是構建網頁的重要工具，它能夠幫助我們實現許多常見的效果，比如頭部固定。在這篇文章中，我們將了解如何使用CSS來創建一個固定的頭部樣式。

// CSS代碼如下：
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #333;
color: #fff;
padding: 10px;
box-sizing: border-box;
z-index: 999;
}

在這段代碼中，我們使用了position屬性將頭部定位為fixed，這樣在頁面滾動時，頭部就不會跟隨滾動而消失了。接著，我們將頭部定位到了頁面的頂部，使用了top: 0和left: 0屬性來實現。

然后，我們設置了頭部的寬度為100%，使其完全覆蓋整個頁面。我們還設置了頭部的背景色和文字顏色，以及內邊距和盒模型，以確保頭部的內容不會與頁面的其他部分重疊。

最后，我們使用了z-index屬性來確保頭部始終處于所有其他頁面元素的上面，從而保證其可見性。

通過使用這些CSS屬性，我們可以輕松地創建一個固定的頭部樣式，提高網頁的用戶體驗和可讀性。