CSS 中的字體大小和行距是頁面排版中非常重要的一部分,它們可以確保頁面的可讀性和美觀性。在下文中,我們將探討如何使用 CSS 來設置字體大小和行距。
1. 設置字體大小
在 CSS 中,我們可以使用 font-size 屬性來設置文本的字體大小。該屬性的值可以是像素(px)、點(pt)、百分比(%)或 em 等。
例如,如果我們想將文本的字體大小設置為 20 像素,可以使用以下代碼:
p { font-size: 20px; }上面的代碼將會應用于所有的段落元素,并更改其字體大小為 20px。如果你只想更改某些特定的文本,可以使用類或 ID 選擇器。 2. 設置行距 在 CSS 中,我們可以使用 line-height 屬性來設置文本的行距。該屬性的值可以是像素(px)、點(pt)、百分比(%)或無單位值。 例如,如果我們想將文本的行距設置為 1.5 倍的字體大小,可以使用以下代碼:
p { font-size: 20px; line-height: 1.5; }上面的代碼將會應用于所有的段落元素,并將行距設置為字體大小的 1.5 倍。如果你想更改某些特定的文本,可以使用類或 ID 選擇器。 總結 通過使用 CSS 中的 font-size 和 line-height 屬性,我們可以輕松地設置文本的字體大小和行距。這些屬性不僅可以提高頁面的可讀性,還可以讓頁面更加美觀。記住,只要掌握了這些技巧,你就可以創建出令人愉悅的視覺效果。