在CSS中,控制字體大小是非常常見的操作。要控制字體大小,我們可以使用font-size屬性。
p { font-size: 16px; }
在上面的代碼中,我們將所有p元素的字體大小設(shè)置為16像素。
除了像素(px)之外,我們還可以使用其他單位來定義字體大小。例如,可以使用em單位來相對(duì)于父元素的字體大小設(shè)置字體大小。
h1 { font-size: 2em; }
在上面的代碼中,我們將h1元素的字體大小設(shè)置為父元素字體大小的兩倍。
另一個(gè)相對(duì)字體大小的單位是rem。與em不同,rem單位是相對(duì)于HTML根元素的字體大小設(shè)置字體大小。
body { font-size: 16px; } h2 { font-size: 2rem; }
在上面的代碼中,我們將h2元素的字體大小設(shè)置為HTML根元素的字體大小的兩倍,也就是32像素。
最后,我們還可以使用百分比單位來對(duì)字體大小進(jìn)行控制。百分比的字體大小是相對(duì)于父元素的字體大小設(shè)置字體大小。
.article { font-size: 120%; }
在上面的代碼中,我們將所有具有.article類的元素的字體大小設(shè)置為父元素字體大小的120%。
通過不同的單位控制字體大小,我們可以讓網(wǎng)頁在不同尺寸、不同設(shè)備上都更加美觀和易讀。