[分享]css3度量单位

CSS3是当前前端开发中使用最广泛的技术之一，其中度量单位也是其中的重要一环。在CSS3中，提供了多种度量单位，包括相对单位和绝对单位。接下来我们来一一介绍。首先是相对单位：em：相对于父元素的字体大...

CSS3是当前前端开发中使用最广泛的技术之一，其中度量单位也是其中的重要一环。在CSS3中，提供了多种度量单位，包括相对单位和绝对单位。接下来我们来一一介绍。

首先是相对单位：

em：相对于父元素的字体大小。
rem：相对于根元素（即html元素）的字体大小。
%

以上两个单位都是相对单位，以字体大小作为计算标准。在使用时要注意不同使用环境之间的字体大小差异。例如，在深度嵌套的元素中，使用em单位可能会导致计算出的大小出现偏差。

下面是绝对单位：

px：像素，是屏幕上显示的最小单位。
pt：磅，常用于打印界面。1pt = 1/72 英寸。
pc：派卡，常用于打印界面。1pc = 12 pt。
in：英寸，常用于打印界面。
cm：厘米，常用于打印界面。
mm：毫米，常用于打印界面。 

绝对单位的特点在于以固定的物理单位作为基础，而不是以页面元素为基础。相对于相对单位，它们的计算方式更为稳定，但在不同显示设备上看到的效果可能会有所差异。

总体而言，在使用度量单位时，应根据具体情况选择相应的单位。对于字体大小的计算，建议尽量使用rem和em两种。而页面布局中的一些较少变化的尺寸，可以使用绝对单位。