CSS3的字號可以通過font-size
屬性來實現,這個屬性的取值可以是多種單位:像素(px)、百分比(%)、em、rem等,同時還可以使用預設的字號名稱如small、medium、large等。
/* 設置字號為16像素 */ p { font-size: 16px; } /* 設置字號為100% */ p { font-size: 100%; } /* 設置字號為1.2em */ p { font-size: 1.2em; } /* 設置字號為medium */ p { font-size: medium; }
在使用font-size
屬性時需要注意的是,字號的大小是相對于父元素的,而不是絕對值。比如一個字號為16px的p元素嵌套在一個字號為14px的div元素中時,其實際字號的大小為16/14=1.143倍。
此外,CSS3還支持使用@font-face
規則引入自定義字體文件,這為網頁設計帶來了更為豐富的字體選擇。對于有特殊需求的設計師來說是一個非常有用的功能。
@font-face { font-family: 'My Custom Font'; src: url('mycustomfont.woff2') format('woff2'), url('mycustomfont.woff') format('woff'); font-weight: 400; font-style: normal; } /* 使用自定義字體 */ p { font-family: 'My Custom Font'; }
CSS3的字號屬性為網頁設計帶來了更多選擇,同時也提高了用戶體驗,讓頁面文字更加清晰易讀。