CSS 中可以通過 font-size 屬性來控制字體大小,該屬性的取值可以是絕對大小、相對大小或百分比:
p { font-size: 16px; /* 絕對大小 */ font-size: 1em; /* 相對大小,等同于父元素字體大小 */ font-size: 150%; /* 百分比,相對于父元素字體大小 */ }
其中絕對大小單位包括像素(px)、點(pt)、百分之一英寸(%)、毫米(mm)、厘米(cm)等,相對大小單位包括 em、rem、ex、ch 等,建議使用相對大小以適應不同設備。
在設置字體大小時,應當充分考慮用戶習慣和可讀性,不宜選擇過小或過大的字體。同時應當注意在使用相對大小時,由于相對單位的大小會受到繼承元素字體大小的影響,而引起樣式異常,因此要注意設置容器元素的字體大小。
.container { font-size: 16px; /* 設置容器元素字體大小 */ } .container p { font-size: 1em; /* 相對大小,等同于 16px */ }
總的來說,掌握 CSS 字體大小設置的原理和技巧,可以使頁面更加易讀易用。
上一篇css 字體左移動
下一篇css 字體引入不成功