CSS是一種用于表現網頁的樣式語言，它可以控制網頁元素的外觀和布局。其中，頭部和滾動條是網頁的重要組成部分，有著不可替代的作用。

在CSS中，頭部可以用以下代碼來設置：

header {
background-color: #333; /*頭部背景色*/
color: #fff; /*文字顏色*/
padding: 20px; /*內邊距*/
height: 60px; /*高度*/
position: fixed; /*固定在頁面頂部*/
top: 0; /*頂部為0*/
left: 0; /*左側為0*/
width: 100%; /*寬度為100%*/
}

滾動條是指用戶在瀏覽網頁的過程中，通過滾動頁面來進行瀏覽。在CSS中，可以對滾動條的樣式進行自定義，如下所示：

/*設置滾動條軌道*/
::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
/*設置滾動條滑塊*/
::-webkit-scrollbar-thumb {
background-color: #333;
}
/*設置滾動條邊角*/
::-webkit-scrollbar-corner {
background-color: #f5f5f5;
}
/*設置滾動條的寬度*/
::-webkit-scrollbar {
width: 10px;
}

以上代碼中，需要注意的是，滾動條樣式只適用于谷歌瀏覽器。如果要兼容其他瀏覽器，需要添加如下代碼：

/*非webkit瀏覽器*/
scrollbar-color: #f5f5f5 #333;

總的來說，頭部和滾動條不僅是網頁的重要組成部分，而且可以通過CSS來進行自定義，讓網頁更加美觀和實用。