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