CSS中的文本大小是指字體的大小,可以通過font-size屬性來設置。
font-size 屬性可以設置為以下幾種單位:
- 像素(px) - 百分比(%) - em - rem - 其他長度單位如in, cm, mm等
像素是最為常用的單位,可以通過將像素數值設置為相對大小,從而實現不同字號的效果。
p{ font-size: 16px; } h2{ font-size: 24px; }
百分比可以相對于父元素的字體大小來設置文本大小。
.parent{ font-size: 16px; } .child{ font-size: 120%; }
em是指相對于當前元素的字體大小來設置文本大小,這些可以成倍增加,因此是相對的。
.parent{ font-size: 16px; } .child{ font-size: 1.2em; }
rem也是基于根元素 html 的字體大小來定義文本的大小的,和 em 不同的是,rem 的縮放因子不會受到嵌套元素的影響。
html{ font-size: 16px; } .child{ font-size: 1.2rem; }
其他長度單位同樣可以通過設置數值來達到不同的文本大小效果。
p{ font-size: 1inch; }
總體來說,設置文本大小是CSS中非常重要的基礎屬性之一,掌握好不同單位之間的關系以及對應的數值,才能更好地達到效果。