在CSS中,有很多方法可以設(shè)置文本的大小,這里我們介紹其中的三種:
font-size: 12px;
這是最常見的一種設(shè)置文本大小的方法,其中“font-size”是屬性名稱,“12px”是屬性值,意思是字體大小為12像素。你可以用任何想要的像素值替換“12px”,例如“16px”、“20px”等。
font-size: 1.5rem;
這種方法采用“rem”(根據(jù)根元素字體大小的相對值)作為單位,意思是字體大小是根元素字體大小的1.5倍。在這種情況下,如果根元素的字體大小為16px,那么文本的大小就會是24px。如果根元素字體大小是20px,那么文本大小就會是30px。
font-size: 150%;
第三種方法也采用相對值作為單位,這里使用百分比。設(shè)置“font-size”為“150%”相當(dāng)于將文本的大小增加到原來的1.5倍。這種方法比較適合響應(yīng)式設(shè)計(jì),因?yàn)槲谋敬笮赃m應(yīng)到不同的屏幕大小。