CSS中控制文字大小是比較常見的操作,下面來介紹幾種控制方式。
p { font-size: 16px; }
1. 給整個網(wǎng)頁統(tǒng)一設置文字大小。
可以在CSS中設置body的字體大小,這樣整個網(wǎng)頁的文字大小就會相應改變。
body { font-size: 14px; }
2. 給不同的元素設置不同的文字大小。
可以通過給不同的元素設置font-size來控制它們的文字大小。可以給不同的元素設置不同的大小。
h1 { font-size: 36px; } h2 { font-size: 28px; } p { font-size: 16px; }
3. 使用em或rem單位。
em和rem是相對字體長度單位,可以隨著父元素的字體大小改變而改變。
em的計算參數(shù)是父元素的字體大小,例如:
p { font-size: 1.2em; /* p元素的字體大小是父元素(例如div)的字體大小的1.2倍 */ }
rem的計算參數(shù)是根元素的字體大小,例如:
p { font-size: 1.2rem; /* p元素的字體大小是根元素(html)的字體大小的1.2倍 */ }
以上就是控制CSS文字大小的幾種方式。如果需要精確控制文字大小,可以使用px單位。但是需要注意的是,過多使用px單位可能會導致網(wǎng)頁無法縮放。
上一篇css文字基準線對齊