CSS中通過計算來設置字體的大小,可以采用相對單位或絕對單位的方式。
font-size: 16px;
上述代碼使用絕對單位“px”來設置字體大小為16像素。
除了像素,還可以使用相對單位,如em、rem、%等。
font-size: 1em;
上述代碼使用相對單位“em”來設置字體大小,1em表示當前元素的字體大小,如果父元素的字體大小是16px,則1em等于16px。
font-size: 1.5rem;
上述代碼使用相對單位“rem”來設置字體大小,1.5rem表示根元素的字體大小乘以1.5倍,即如果根元素的字體大小為16px,則1.5rem等于24px。
還可以使用百分比來設置字體大小。
font-size: 150%;
上述代碼表示字體大小是父元素字體大小的150%。
通過合理使用相對單位或絕對單位來計算字體大小,可以使頁面的字體大小更加協調、美觀。
下一篇css計算屏幕尺寸