在網(wǎng)頁(yè)設(shè)計(jì)中,字體的變化對(duì)于整個(gè)頁(yè)面的美觀度起著至關(guān)重要的作用。而CSS中的字體變化功能,可以幫助我們實(shí)現(xiàn)各種不同的字體效果,比如變色、加粗、傾斜、下劃線等等。其中最常用的一個(gè)功能就是字體變大變小,這也是本文將要介紹的內(nèi)容。
font-size: 12px; /*將字號(hào)設(shè)置為12px*/ font-size: larger; /*將字號(hào)設(shè)置為比原來更大的大小*/ font-size: small; /*將字號(hào)設(shè)置為比原來更小的大小*/
以上三種方法都可以用于改變字體大小,其中第一種方法是最常用的,直接指定具體的像素值即可。而第二種方法則是將字體大小設(shè)置為比原來更大的默認(rèn)值,在一些特殊情況中能夠幫助我們快速的增大字體。而第三種方法則是將字體大小設(shè)置為比原來更小的默認(rèn)值,在排版比較緊湊的情況下也能夠派上用場(chǎng)。
font-size: 120%; /*將字號(hào)設(shè)置為原來的120%*/ font-size: 1.5em; /*將字號(hào)設(shè)置為原來的1.5倍*/
除了指定具體的像素值外,CSS還提供了兩種非常方便的取值方式,即百分比和em。其中百分比是依據(jù)原來的字體大小來計(jì)算,如上述代碼所示,將字號(hào)設(shè)置為120%或1.2倍,都將獲得與直接設(shè)置像素值相同的效果。而em則是相對(duì)于本身字體的大小,也就是說em的值是根據(jù)字體的大小而變化的,最常見的取值是1em、1.5em、2em等。
字體大小的變化,可能會(huì)給用戶帶來眼花繚亂的感覺,因此在設(shè)計(jì)中要保持一定的一致性,盡可能地避免在同一頁(yè)中使用過多的字體大小變化。除此之外,還需要考慮到不同設(shè)備的屏幕大小差異,避免設(shè)置過大或過小的字體造成用戶的使用體驗(yàn)上的不便。