詳解CSS字體大小設定方法

在CSS中，設定字體大小可以用px、em、rem等單位，以下將逐一介紹這些單位的使用方法。

1.像素單位－px

像素單位是最常用的一種單位。因為其具有固定的尺寸和穩定的顯示效果，所以在設定字號大小時使用較多。其語法為：

font-size: 數字px;

例如設定字號為12px的程式碼為：

font-size: 12px;

2.相對單位－em

em是一種相對單位，一般用來設定相對於父元素的字號大小。當在整個頁面中使用相對單位時，若先把HTML的字號設定為16px，則1em=16px。當然，可以透過設定子元素的字號大小來實現不同父元素的字號大小，其語法為：

font-size: 數字em;

例如設定字號為1.5em的程式碼為：

font-size: 1.5em;

3.相對單位－rem

rem是CSS3新增的相對單位，不同於em，它是基於根元素（HTML元素）的。它的語法和使用方法與em類似，只不過是相對於根元素的字號大小。例如設定字號為1.2rem的程式碼為：

font-size: 1.2rem;

4.百分比單位－%

百分比單位也是相對單位，只不過相對的是父元素或整個頁面的字號大小。它的語法為：

font-size: 數字%;

例如設定字號80%的程式碼為：

font-size: 80%;

總結

在設定字體大小時，常用的單位有px、em、rem、%。其中像素單位最常用，因為可以實現固定的字號大小和穩定的顯示效果。而相對單位則可以根據具體情況靈活應用，例如透過em和rem來控制相對父元素和根元素的字號，利用%來實現根據父元素或整頁字號大小縮放的效果。

以上是詳解CSS字體大小設定方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！