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点激光打印机需要更多点达到计算机显示像素密度。

百分比总是相对于其他值(如,一个长度)。在设置百分百的属性中也定义百分百的相对性。例如,可以指定一个表格单元的长度相对于真个表的长度。

待续...

posted @ 2013-06-30 18:22  梦中飞  阅读(249)  评论(0)    收藏  举报