在CSS中,我們可以使用font-size
屬性來改變字體的大小,以下是一些示例代碼,展示如何改變不同元素的字體大?。?/p>
1、改變整個網(wǎng)頁的字體大?。?/p>
body { font-size: 16px; }
2、改變特定元素的字體大小,例如一個段落:
p { font-size: 20px; }
3、改變特定ID的字體大小,例如一個具有特定ID的段落:
#paragraph { font-size: 24px; }
4、改變所有段落的字體大小:
p, li { font-size: 18px; }
5、使用em
單位改變字體大小,em
單位相對于當(dāng)前元素的字體大?。?/p>
h1 { font-size: 2em; /* em單位相對于當(dāng)前元素的字體大小 */ }
6、使用rem
單位改變字體大小,rem
單位相對于根元素(html
元素)的字體大?。?/p>
h1 { font-size: 2rem; /* rem單位相對于根元素的字體大小 */ }
在使用em
和rem
單位時,如果當(dāng)前元素的字體大小或根元素的字體大小未明確設(shè)置,則瀏覽器可能會使用其默認字體大小,在使用這些單位時,***好明確設(shè)置當(dāng)前元素或根元素的字體大小。