在HTML中,我們可以通過設置字體的樣式來調整整個網頁的視覺效果。以下是一些HTML字體樣式的用法和示例:
<!-- 設置默認的字體樣式 --> <style> body { font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; } </style>
以上代碼可將整個網頁的默認字體樣式設置為Arial字體,sans-serif為備選字體,字體大小為16像素,字體粗細為normal。
<!-- 設置標題的字體樣式 --> <style> h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; font-size: 28px; font-weight: bold; } </style>
以上代碼可將h1至h6標題的字體樣式設置為Georgia字體,字體大小為28像素,字體粗細為bold。
<!-- 設置段落的字體樣式 --> <style> p { font-family: Verdana, sans-serif; font-size: 18px; font-weight: normal; line-height: 1.5; text-align: justify; } </style>
以上代碼可將段落的字體樣式設置為Verdana字體,sans-serif為備選字體,字體大小為18像素,字體粗細為normal,行高為1.5倍文字大小,文字排版為兩端對齊。
<!-- 設置鏈接的字體樣式 --> <style> a { font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #3399CC; } a:hover { color: #FF6600; } </style>
以上代碼可將鏈接的字體樣式設置為Arial字體,sans-serif為備選字體,字體大小為16像素,字體粗細為bold,去掉下劃線,顏色為#3399CC,當鼠標懸停時顏色變為#FF6600。
通過HTML的字體樣式設置,我們可以輕松地調整網頁的整體視覺效果,使其更美觀并提升用戶體驗。