值
CSS 中的值是一種定義允許子值集合的方法
單位
在使用不同類型描述長(zhǎng)度值時(shí)廉白，需要附加單位。不同的單位表示的含義是不同的
在 CSS 中具有 2 種不同類型的長(zhǎng)度單位：
- 絕對(duì)長(zhǎng)度單位
- 相對(duì)長(zhǎng)度單位
絕對(duì)長(zhǎng)度單位
絕對(duì)長(zhǎng)度單位所描述的長(zhǎng)度一般與任何其他因素是無(wú)關(guān)的乖寒『秕澹可以簡(jiǎn)單地理解為無(wú)論在什么情況下，這種的長(zhǎng)度是固定楣嘁、不變化的磅轻。
| 單位 | 名稱 | 等價(jià)換算 |
|---|---|---|
| cm | 厘米 | 1cm = 96px/2.54 |
| mm | 毫米 | 1mm = 1/10th of 1cm |
| Q | 四分之一毫米 | 1Q = 1/40th of 1cm |
| in | 英寸 | 1in = 2.54cm = 96px |
| pc | 十二點(diǎn)活字 | 1pc = 1/16th of 1in |
| pt | 點(diǎn) | 1pt = 1/72th of 1in |
| px | 像素 | 1px = 1/96th of 1in |
相對(duì)長(zhǎng)度單位
相對(duì)長(zhǎng)度單位所描述的長(zhǎng)度一般會(huì)具有一個(gè)明確的參考物，例如父級(jí)元素逐虚、根元素或視口大小等聋溜。使用相對(duì)長(zhǎng)度單位相對(duì)絕對(duì)長(zhǎng)度單位更適用于現(xiàn)在越發(fā)復(fù)雜的終端設(shè)備的屏幕輸出。
| 單位 | 相對(duì)于 |
|---|---|
| em | 父元素的字體大小 |
| ex | 字符“x”的高度 |
| ch | 數(shù)字“0”的寬度 |
| rem | 根元素的字體大小 |
| lh | 元素的line-height |
| vw | 視窗寬度的1% |
| vh | 視窗高度的1% |
| vmin | 視窗較小尺寸的1% |
| vmax | 視圖大尺寸的1% |
