每种单位都有其独特的作用，使用它们，可以使页面，在各种设备上，很好的工作。一旦你熟悉了所有这些单位，你可以更准确地设定元素的大小了。这个教程中，我们将看看在CSS中，使用单位的不同，在什么情况下使用什么样的单位，以及如何去使用它们。
绝对长度单位
绝对单位在物理世界真实测量的数字表示。这些单位不依赖于屏幕大小和分辨率。结果就是，绝对长度单位不能很好地在数字设备上使用，或分辨率未知的情况下使用。这种单位更适合，为物理媒介设计时使用，如印刷。
绝对长度包括
cm(厘米)
mm(毫米)
in(英寸)
pc(派卡)
pt(点)
px(像素)
请注意，编辑版的规范草案还包括1/4毫米单位（q），这是个最新的单位，还没有浏览器表示支持它。你可能注意当使用绝对长度时，在不同的屏幕上，特定单位对应的值是相同的。这是因为不同屏幕的DPI（每英寸点数）存在差异。高分辨率的屏幕具有更高的DPI，从而使图像或文字看起来更小。
绝对单位里像素（px）使用最为广泛。一像素点通常被理解为在屏幕上的一个点，但实际情况比这个复杂得多.它是最小的测量单位，通常作为其它单位的基准。
其它单位，像英寸，毫米，厘米，表示得是物理尺寸。
点（pt），表示1/72英寸
派卡（pc）,球1/6英寸。
下面一段CSS，使用了6种不同的绝对长度单位：
p { border-top: 0.5in solid blue; border-bottom: 18mm solid green; border-left: 1cm solid red; border-right: 40px solid black; letter-spacing: 0.4pc; font-size: 20pt; } 下图是运行情况
相对长度单位
故名思意，没有固定的值。它们的值都是相对于其它预定值或特征。相对单位，可以根据其它一些基本参数，为元素的提供合适的值，这些属性如width,height,font-size等。
这些单位推荐在两种场景下使用。
在你创建响应式页面
在数字媒介上使用时提供
它们对应的值依赖于你设定的字体或屏幕窗口视图的宽或高。
相对单位包括：
ex（x的高度）
ch（字符）
em（因打印em而得名，但不同）
rem（根字体）
下面看看它们的详细情况
X-height(ex) 和 字符（ch）单位
单位ex，很少用于开发。 1ex等于使用字体中小写字母 ' x ' 的大小。在英文中，大多数情况1ex 差不多 等于0.5em。但当你改变了字体，如下设置字体的高度可以相当于em：
p { font-size: 2ex;} 单位ch，是根据‘o’字符的来定义的。1ch是通过测量字体中字符'o'来定义
p { margin: 2ch;} Em
单位em，等于父元素字体大小或基础字体大小。如果你的父元素字体大小为20px，那么在所有子元素中，1em=20px（译者注：这里元素本身不能设置字体大小）。子元素字体大小可以根据基础字体大小来调整，值可以为小数。
使用em可以保证在一个固定的比例下，各种元素的字体大小。例如给父元素设置font-size:50px子元素的宽度为2em，相当于设定子元素的宽度为100px。同样，设置子元素的font-size:0.5em时就相当于设定font-size:25px。（注意：当子元素同时定义了font-size和其它使用em的属性时，此时的em是根据子元素本身的font-size来计算的）。
下面是演示：
单位em示例
父元素字体大小为 (20px)
子元素字体大小设置为 (1.5em;换算为像素为：30px)
查看更多关于解读CSS中的长度单位_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did112250