當我們在編寫 HTML 頁面時，經常需要設置文本的字體大小。下面是一些常用的方式：
<p style="font-size: 16px">這是16像素的字體大小</p>
<p style="font-size: 1rem">這是瀏覽器默認大小的字體</p>
<p style="font-size: 2em">這是基于父元素字體大小的2倍大小的字體</p>
<p style="font-size: xx-large">這是特定大小的大字體</p>其中，font-size屬性可以設定像素值，也可以設定相對值。下面是一些常見的相對值：
1em：等同于父元素的字體大小2em：等同于父元素的字體大小的2倍xx-small：非常小的字體x-small：比“小”的字體稍大一些small：小號字體medium：中等大小的字體large：大號字體x-large：比“大”的字體稍大一些xx-large：非常大的字體
除了直接在 HTML 中使用樣式屬性，還可以把樣式定義在一個 CSS 文件中，然后在 HTML 頁面中引用該文件。下面是一個例子：
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>這里的href屬性指向 CSS 文件的路徑，下面是一個例子：
/* style.css */
p {
font-size: 16px;
}
h1 {
font-size: 24px;
}這種方式可以使頁面代碼更整潔易維護，尤其是當有多個頁面需要共用樣式時。
下一篇ipad vue