CSS 中的 font-weight 屬性用于指定文本的字重。在 HTML 中,字重是指字體的粗細程度,通常具有以下常見的數值:
font-weight: normal; /* 圖為左邊 */ font-weight: bold; /* 圖為右邊 */
可以看到,normal 對應著普通的字體,而 bold 則對應著粗體字。
除了以上兩個值外,還有其他的字重值。它們的數值可能在不同的瀏覽器下有所差異,但通常都是整數。如下:
font-weight: 100; /* Thin */ font-weight: 200; /* Extra Light (Ultra Light) */ font-weight: 300; /* Light */ font-weight: 400; /* Normal */ font-weight: 500; /* Medium */ font-weight: 600; /* Semi Bold (Demi Bold) */ font-weight: 700; /* Bold */ font-weight: 800; /* Extra Bold (Ultra Bold) */ font-weight: 900; /* Black (Heavy) */
字重值越大,字體就越粗。因此,font-weight 較大的字體在排版上顯得更加突出,會讓人們更加注意到它們,也會讓頁面內容更加醒目。
此外,可以使用數值或者關鍵字來定義 font-weight。
/* 數值 */ font-weight: 500; /* 關鍵字 */ font-weight: bold;
在實際應用中,我們通常可以為不同的元素或者不同的文本節點指定不同的字重。這樣,就能夠更加靈活地控制文本的呈現效果。
總的來說,font-weight 是 CSS 中一個非常常用的屬性,掌握好它的基本用法,能夠讓你更好地完成網頁排版。