CSS单位参考【翻译】
原文:CSS Values and Units Reference
http://msdn.microsoft.com/en-us/library/ms537660(v=vs.85).aspx在css中的属性度量和位置使用长度单位。IE浏览器支持四种类型的长度单位:相对,绝对,角度和时间。相对单位指定一个长度相对于另一个属性,从一个输出设备到另一个输出设备缩放得更好(比如从一个监视器到一个打印机),而且和其他元素进行比较。绝对长度指定精确的度量,比如英寸或厘米,当你知道一个输出设备的的物理属性时非常有用。
相对定位 | ||
|---|---|---|
| 单位 | 说明 | 备注 |
| em | 计算字体大小 | 根据元素字体大小来计算当前元素内容字体大小,一般浏览器默认字体高度都是16px;1em = 16px; 那么12px = 0.75em。 |
| ex | 相对于小写字母“x”的高度来计算 | 无 |
| px | 像素,相对于观看的设备 | |
| % | 百分比 | |
| rem | 根元素字体大小 | |
| vw | 视口宽度 | |
| vh | 视口高度 | |
| vm | 视口宽度和高度的最小值 | |
| ch | 零宽度(宽度为0渲染的大小) | |
| in | 英寸(1英寸等于2.54厘米) | |
| cm | 厘米 | |
| mm | 毫米 | |
| pt | 点(1点等于1/72英寸) | |
| pc | 皮卡斯(1皮卡斯等于12点) | |
绝对定位 | ||
| in | 英寸(1英寸等于2.54厘米) | |
| cm | 厘米 | |
| mm | 毫米 | |
| pt | 点(1点等于1/72英寸) | |
| pc | 皮卡斯(1皮卡斯等于12点) | |
角度单位(Windows Internet Explore 9) | ||
| deg | 度 | |
| Grad | gradians | |
| Rad | Gradians | 数学上三角函数内容部分,1π等于180度 |
时间单位 | ||
| ms | 毫秒 | |
| s | 秒 | |
Em单位是相对于元素的font-size值来计算的。当em作为font-size值时,该值会根据父元素的font-size来计算。也可以用于用于垂直和水平度量。
(px)像素单位是相对于设备分辨率。例如,每英寸600点激光打印机需要更多点达到计算机显示像素密度。
百分比总是相对于其他值(如,一个长度)。在设置百分百的属性中也定义百分百的相对性。例如,可以指定一个表格单元的长度相对于真个表的长度。
待续...
浙公网安备 33010602011771号