HTML和CSS的聯(lián)合使用，可以輕松地掌控網(wǎng)頁的外觀和布局。其中，字體大小是網(wǎng)頁設(shè)計中不可忽視的一部分，如何使用HTML和CSS來設(shè)置字體大小呢？
<style>
/* 設(shè)置h1標(biāo)簽的字體大小為24px */
h1 {
font-size: 24px;
}
/* 設(shè)置p標(biāo)簽的字體大小為16px */
p {
font-size: 16px;
}
</style>上述CSS代碼就是設(shè)置網(wǎng)頁中不同標(biāo)簽的字體大小。其中，h1和p分別是HTML中的標(biāo)題和段落標(biāo)簽，在CSS中通過選擇器來指定對應(yīng)標(biāo)簽的樣式。在大括號內(nèi)，可以使用 font-size 屬性來設(shè)置字體大小，單位可以是 px （像素）、em （相對于父元素字體大小的倍數(shù)）或 rem （相對于根元素 html 的字體大小的倍數(shù)）。
<html>
<head>
<style>
/* 設(shè)置整個頁面的根元素字體大小 */
html {
font-size: 16px;
}
/* 設(shè)置p標(biāo)簽字體大小為1rem （相當(dāng)于html字體大小的16px）*/
p {
font-size: 1rem;
}
/* 設(shè)置div標(biāo)簽字體大小為1.2em （相當(dāng)于其父元素字體大小的1.2倍）*/
div {
font-size: 1.2em;
}
</style>
</head>
<body>
<h1>Hello, World!</h1>
<div>
<p>這是一個段落</p>
<p>這是另一個段落</p>
</div>
</body>
</html>此外，通過設(shè)置根元素 html 的字體大小，能夠快速調(diào)整整個網(wǎng)頁的字體大小。在上述代碼中，將 html 的字體大小設(shè)置為 16px ，然后使用 rem 單位來設(shè)置 p 標(biāo)簽的字體大小，相對于 html 的字體大小為 1rem （即 16px），這樣就能保證整個網(wǎng)頁的字體大小比例統(tǒng)一，避免字體大小不協(xié)調(diào)的問題。