CSS中設(shè)置字體大小有多種方式,其中一種是使用百分比。下面我們看看如何在CSS中設(shè)置字體大小為百分比。
p { font-size: 100%; }
以上代碼中,我們通過(guò)選擇器p來(lái)設(shè)置段落的字體大小,使用font-size屬性,并將屬性值設(shè)置為100%。這表示段落的字體大小將等于其父元素的字體大小。
如果父元素的字體大小為16px,則段落的字體大小為16px。如果父元素的字體大小為20px,則段落的字體大小為20px。
div { font-size: 16px; } p { font-size: 80%; }
上面的代碼中,我們?cè)O(shè)置了一個(gè)div元素的字體大小為16px,然后在其子元素p中將字體大小設(shè)置為80%。這意味著p元素的字體大小為其父元素div的80%。
因此,在這個(gè)例子中,p元素的字體大小將為12.8px(16px * 80% = 12.8px)。
CSS中的百分比單位可以非常方便地根據(jù)父元素設(shè)置字體大小。在響應(yīng)式設(shè)計(jì)中尤其有用,因?yàn)樗梢宰屧馗鶕?jù)父元素自適應(yīng)地調(diào)整大小。