在網頁設計中,調整字體大小通常使用CSS(層疊樣式表)來實現。以下是一些常見的語法示例:
使用像素(px)單位:
body {
font-size: 16px;
}
這會將整個頁面的字體大小設置為16像素。
使用百分比(%)單位:
body {
font-size: 100%;
}
這會將字體大小設置為瀏覽器默認大小的100%。
使用em單位:
body {
font-size: 1em;
}
1em等於當前字體大小,通常與父元素的字體大小相關。
使用rem單位:
body {
font-size: 1rem;
}
1rem等於根元素(通常是<html>
)的字體大小。
使用視口寬度單位(vw):
body {
font-size: 2vw;
}
這會將字體大小設置為視口寬度的2%。
使用視口高度單位(vh):
body {
font-size: 2vh;
}
這會將字體大小設置為視口高度的2%。
使用關鍵字:
body {
font-size: small;
}
這會將字體大小設置為「small」,這是一個相對的關鍵字,具體大小由瀏覽器決定。
組合使用:
body {
font-size: calc(1rem + 1vw);
}
這會將字體大小設置為根元素字體大小加上視口寬度的1%。
這些語法可以根據需要應用在不同的HTML元素上,以實現靈活的字體大小調整。