CSS（Cascading Style Sheets），層疊樣式表，是一種用于描述網(wǎng)頁(yè)布局和外觀的語(yǔ)言。在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常需要通過(guò)修改字體大小來(lái)調(diào)整網(wǎng)頁(yè)的視覺(jué)效果，而 CSS 提供了豐富的方法來(lái)實(shí)現(xiàn)這種調(diào)整。下面我們來(lái)探討一下如何通過(guò) CSS 修改網(wǎng)頁(yè)的字體大小。

/* 修改整個(gè)網(wǎng)頁(yè)的字體大小 */
html {
font-size: 16px;
}
/* 修改特定元素的字體大小 */
h1 {
font-size: 36px;
}
p {
font-size: 18px;
}
/* 使用em單位進(jìn)行相對(duì)修改 */
body {
font-size: 16px;
}
h1 {
font-size: 2em;
}
p {
font-size: 1.125em;
}
/* 使用vw、vh單位進(jìn)行相對(duì)修改 */
body {
font-size: 3vw;
}
h1 {
font-size: 10vw;
}
p {
font-size: 3.5vh;
}

第一種方法是通過(guò)設(shè)置 html 元素的 font-size 屬性來(lái)修改整個(gè)網(wǎng)頁(yè)的字體大小，這種方式是最常見(jiàn)的，但可能會(huì)影響到整個(gè)網(wǎng)頁(yè)的布局。因此，我們也可以通過(guò)修改特定元素的 font-size 屬性來(lái)實(shí)現(xiàn)局部調(diào)整。這里使用 h1 和 p 元素作為例子。

第二種方法是使用 em 單位進(jìn)行相對(duì)修改。em 單位是相對(duì)于父元素的字體大小來(lái)計(jì)算的。例如，父元素的字體大小為 16px，子元素設(shè)置字體大小為 2em，則子元素的字體大小為 32px。通過(guò)使用 em 單位，可以避免影響整個(gè)網(wǎng)頁(yè)的布局。當(dāng)然，也可以使用 rem 單位來(lái)實(shí)現(xiàn)類(lèi)似的功能。

第三種方法是使用 vw、vh 單位進(jìn)行相對(duì)修改。vw 單位表示視口寬度的百分比，vh 單位表示視口高度的百分比。例如，body 元素的 font-size 設(shè)置為 3vw，表示 body 元素的字體大小為視口寬度的 3%。vw、vh 單位適合用于調(diào)整網(wǎng)頁(yè)在不同大小的設(shè)備上的顯示效果。