font-size:
-
絕對大小值
font-size: xx-small; font-size: x-small; font-size: small; font-size: medium; font-size: large; font-size: x-large; font-size: xx-large; -
相對大小值(相對于父元素字體而言)
font-size: larger; font-size: smaller; -
長度值(最常用)
font-size: 12px; font-size: 0.8em; -
百分比(也是相對于父元素)
font-size: 80%;
幾點總結
- 瀏覽器默認的字體大小是16px;
- 字體大小會繼承父元素辨图；
- 基于用戶閱讀的考慮韧涨，瀏覽器支持的最小的字體值是12px铺罢。即使設置小于12px的字覆劈，顯示的值也是12px。
- 設置 font-size: 0，字就隱藏了。
- 如果元素自身沒有設置字體大小，那么元素自身上的所有屬性值如“boder壶冒、width、height截歉、padding胖腾、margin、line-height”等值瘪松，我們都可以按下面的公式來計算咸作。（需要轉換的像素值/父元素）
- 如果元素設置了字體大小
1） 字體大小：需要轉換的像素值/父元素的font-size
2）border宵睦、width记罚、height、padding壳嚎、margin桐智、line-height：需要轉換的像素值/元素自身的font-size
彈性布局樣例：
-
需求：設置了一個寬度為“740px”居中，帶有上下“margin”為“24px”烟馅，而且?guī)в小?px”的邊框效果著作權歸作者所有说庭。
HTML <body> <div id="wrap"> content here</div> </body> CSS html {font-size: 100%;} body {font-size: 1em;} #wrap { width: 46.25em; margin: 1.5em auto; border: 0.0625em solid #ccc; }
