CSS固定標題在網頁制作中十分常見，它通過設置樣式讓頁面上的標題在滾動頁面時保持不變。這樣就可以讓用戶方便地查看他們正在查看的內容。下面我們將介紹幾種實現CSS固定標題的方法。

/* 方法一：設置position固定位置 */
h1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
text-align: center;
padding: 10px;
z-index: 999;
}
/* 方法二：設置滾動事件 */
$(window).scroll(function(){
var top=$(window).scrollTop();
if(top>100){
$('h1').addClass('fixed');
}else{
$('h1').removeClass('fixed');
}
});
.fixed{
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
text-align: center;
padding: 10px;
z-index: 999;
}
/* 方法三：使用Sticky屬性 */
h1{
position: sticky;
top: 0;
background-color: #ffffff;
text-align: center;
padding: 10px;
z-index: 999;
}

以上三種方法都可以實現CSS固定標題，根據實際需求選擇其中一種即可。