尋夢版版字體大小語法
在網頁設計中,調整字體大小通常使用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元素上,以實現靈活的字體大小調整。