如何用CSS改變字體大小

CSS（級聯(lián)樣式表）是一種用于描述HTML文檔樣式的語言，在CSS中，我們可以通過多種屬性來控制文檔的樣式，其中之一就是字體大小，下面我們將詳細(xì)介紹如何使用CSS來改變字體大小。

1. 使用font-size屬性

font-size屬性用于設(shè)置字體的大小，你可以將其值設(shè)置為具體的像素值、百分比、em單位等，如果你想要將字體大小設(shè)置為16像素，你可以這樣寫：

p {
  font-size: 16px;
}

上述代碼會將段落（p元素）的字體大小設(shè)置為16像素。

2. 使用相對單位

除了使用像素值外，你還可以使用相對單位來設(shè)置字體大小，如em、rem和百分比，這些單位允許你根據(jù)當(dāng)前字體大小或根字體大小來動態(tài)調(diào)整字體尺寸。

- 使用em單位：em單位表示當(dāng)前字體大小，如果當(dāng)前字體大小為16像素，你可以這樣寫：

p {
  font-size: 1em;
}

- 使用rem單位：rem單位表示根字體大小（通常為16像素）。

p {
  font-size: 1rem;
}

- 使用百分比：百分比單位允許你根據(jù)父元素的字體大小來調(diào)整字體尺寸。

p {
  font-size: 100%;
}

3. 使用CSS函數(shù)

CSS還提供了一些函數(shù)來計算字體大小，如calc()和var()，這些函數(shù)允許你根據(jù)其他CSS屬性和變量來動態(tài)計算字體尺寸，使用calc()函數(shù)：

p {
  font-size: calc(1em + 10px);
}

上述代碼會將字體大小設(shè)置為當(dāng)前字體大小加上10像素。

4. 使用CSS變量（自定義屬性）

CSS變量（也稱為自定義屬性）可以用來存儲和計算值，并在樣式表中重復(fù)使用，你可以使用var()函數(shù)來引用這些變量。

:root {
  --fontSize: 16px;
}
p {
  font-size: var(--fontSize);
}

上述代碼會將字體大小設(shè)置為根元素上定義的--fontSize變量值。

使用CSS來改變字體大小有多種方法，包括使用font-size屬性、相對單位、CSS函數(shù)和CSS變量，你可以根據(jù)自己的需求和設(shè)計來選擇***適合的方法，希望這篇文章能幫助你更好地理解和使用CSS來設(shè)置字體大小。