CSS頭部字體是網頁設計中非常重要的一個元素,它不僅可以讓網頁在視覺上更加美觀,還可以讓網頁在閱讀時更加舒適。在本篇文章中,我們將介紹如何使用CSS來設置頭部字體。
/* 設置整個網頁的字體 */ body { font-family: Arial, Helvetica, sans-serif; } /* 設置頭部字體 */ h1 { font-size: 36px; font-weight: bold; } /* 設置副標題字體 */ h2 { font-size: 24px; font-weight: bold; } /* 設置普通文本字體 */ p { font-size: 16px; } /* 設置鏈接字體 */ a { font-size: 16px; text-decoration: none; color: #333; }
以上代碼中,我們先設置了整個網頁的字體為 Arial、Helvetica 或者 sans-serif。然后,我們分別對 h1、h2、p 和 a 四個元素進行了字體設置。其中,我們通過 font-size 屬性設置了字體大小,通過 font-weight 屬性設置了字體加粗程度。最后,我們在鏈接字體樣式中加入了 text-decoration 和 color 屬性,分別表示去除下劃線和字體顏色為 #333。
在實際應用中,可以根據頁面的需求自行調整字體大小、顏色等屬性,以達到最佳的視覺效果。
上一篇css頭像動效