本文目錄導讀：

1. 介紹
2. 使用font-size屬性調(diào)節(jié)字體大小
3. 使用相對單位調(diào)節(jié)字體大小

CSS中如何調(diào)節(jié)字體大小

介紹

在網(wǎng)頁設計中，調(diào)節(jié)字體大小是CSS樣式表（Cascading Style Sheets）的重要功能之一，通過調(diào)整字體大小，我們可以使網(wǎng)頁內(nèi)容更加易讀、美觀，同時提高用戶體驗，本文將詳細介紹在CSS中如何調(diào)節(jié)字體大小。

使用font-size屬性調(diào)節(jié)字體大小

在CSS中，我們可以通過font-size屬性來調(diào)節(jié)字體大小，該屬性可以接受多種類型的值，包括像素（px）、點（pt）、百分比（%）等。

p {
  font-size: 16px;  /* 使用像素值設置字體大小 */
}
h1 {
  font-size: 24pt;  /* 使用點值設置字體大小 */
}
div {
  font-size: 120%;  /* 使用百分比值設置字體大小 */
}

使用相對單位調(diào)節(jié)字體大小

除了使用***單位（如像素、點）外，我們還可以使用相對單位來調(diào)節(jié)字體大小，相對單位允許我們根據(jù)其他元素的字體大小來設置當前元素的字體大小，em單位表示相對于當前元素的字體大小的倍數(shù)，rem單位表示相對于根元素的字體大小的倍數(shù)。

p {
  font-size: 1.2em;  /* 設置段落字體大小為當前元素字體大小的1.2倍 */
}
h1 {
  font-size: 2rem;  /* 設置標題字體大小為根元素字體大小的2倍 */
}

四、使用CSS3的縮放屬性scale調(diào)節(jié)字體大小

CSS3提供了transform屬性，其中的scale函數(shù)可以用來縮放元素的大小，包括字體大小。

p {
  transform: scale(1.2);  /* 縮放段落元素的大小，包括字體大小 */
}