在CSS中,可以使用font-size
屬性來改變字體的大小,這個(gè)屬性可以設(shè)置一個(gè)具體的像素值,或者是一個(gè)相對(duì)的大?。ㄈ?code>larger、smaller
),以下是一些示例:
1、設(shè)置具體的像素值:
p { font-size: 16px; }
2、使用相對(duì)大小:
p { font-size: larger; }
3、繼承字體大小:
如果父元素的字體大小為14px,那么子元素將繼承這個(gè)大小:
div { font-size: 14px; } span { font-size: inherit; }
4、使用em單位:
em單位是一個(gè)相對(duì)單位,它相對(duì)于當(dāng)前元素的字體大小,如果字體大小為16px,那么2em將等于32px:
p { font-size: 16px; } span { font-size: 2em; /* 等于32px */ }
5、使用rem單位:
rem單位也是一個(gè)相對(duì)單位,但它相對(duì)于根元素(html
元素)的字體大小,如果根元素的字體大小為16px,那么2rem將等于32px:
html { font-size: 16px; } span { font-size: 2rem; /* 等于32px */ }
通過合理地使用這些技術(shù),可以在CSS中輕松地改變字體的大小。