绝对长度:

可以混合使用多种单位【包括绝对和相对单位】
相对长度:

补充:
【ex】1ex约等于0.5em
【像素】在CSS规范中为相对长度,本意指显示设备上可寻址的最小单元(图像的基本元素)。但在CSS中定义为参考像素是距读者一臂之遥的像素密度为96dpi设备上一个像素的视角(visual angle),主流浏览器无视这个规定,将1像素视为1英寸的1/96(windows系统的标准像素密度。注:有些平台的显示设备具有不同的像素密度,它们的浏览器需要做些转换的工作,让1像素仍然大约等于1英寸的1/96)
【百分比】百分比会遇到的2个麻烦1:并非所有属性都能用这个单位。2:对于能用百分比单位的属性,百分比挂钩的其他属性各不相同。font-size挂钩的是元素继承到font-size的值;width属性挂钩的是元素包含块的宽度。
【未获广泛支持的单位】

【用算式作值】
允许将CSS属性值设置为算式是CSS3定义的一个新特性。例:width: calc(80% - 20px);但暂时只有IE支持
其他CSS单位
【CSS角度】

【CSS时间】

网友评论