基本語法結(jié)構(gòu):
Font-size+字體大小數(shù)值+單位
單詞:font-size
語法:font-size : absolute-size | relative-size | length
取值:xx-small | x-small | small | medium | large | x-large | xx-large
xx-small:最小
x-small:較小
small:小
medium:正常(默認值),根據(jù)字體進行調(diào)整
large:大
x-large:較大
xx-large:最大
也可取具體長度單位值
可用的單位
有幾種不同的方法可以在CSS中聲明字體大小。總的來說,這些單位分為兩類——相對和絕對。 絕對單位(大多)是固定的,并且涉及到一些物理的測量。他們一旦被聲明,將不能通過改變其他元素的字體大小來改變他的大小。
相對單位沒有一個客觀的測量。相反,它們的實際大小是通過父元素的尺寸來確定的。這意味著他們的大小可以通過改變相關(guān)元素的大小來改變。
下面是一些單位的概要描述——
在這里你可以看到單位的詳細列表,但我將專注于我認為最常用的單位——px, pt, %, em, rem, 和 vw。
他們有什么區(qū)別?
這些單位之間的差異可能很難通過概念理解,所以最好的方式就是通過例子來展示他們之間的差異。
例子1——默認設(shè)置
在一個空白的HTML文檔內(nèi),你沒有任何關(guān)于字體大小的聲明而只使用默認設(shè)置。在大多數(shù)瀏覽器上為html和body標簽的默認字體大小為100%。這等同于如下算式——
新聞熱點
疑難解答