在進行網頁設計的過程中,很多時候我們需要對文字的大小進行調整,并且這個調整往往需要在不同的設備上都能夠有良好的顯示效果。
CSS中的字體大小調整就是通過font-size屬性來實現的。下面舉例說明。
selector { font-size: 16px; }
上面的代碼中,selector代表你希望改變字體大小的元素的類名、標簽名、id等標識符,在花括號中寫入font-size: 16px;即可改變元素中的文字字體大小。其中,16px表示字體大小為16像素。
在實際操作中,我們也可以使用相對單位去調整字體大小。具體來說,相對單位包括em、rem、%等。
em單位是相對于當前元素的字體大小來計算的,比如某元素字體大小為14px,設置字體大小為2.5em,則實際上改變后的字體大小為35px。
rem單位是相對于根元素(即html)的字體大小來計算的,因此會比em更加穩定。比如根元素字體大小為16px,設置字體大小為2rem,則實際上改變后的字體大小為32px。
設置字體大小為百分比也是一種相對單位,它是相對于父元素的字體大小來計算的。比如一個p元素的父元素為body,父元素的字體大小為14px,設置字體大小為150%則實際上該元素字體大小為21px。
總之,通過調整font-size屬性,可以讓我們輕松地掌控網頁中文字大小的顯示效果。而相對單位的使用則可以幫助我們實現更靈活的字體大小設置。
下一篇css中怎么調透明度