css中度量工具有哪些

在CSS中，度量工具是用来定义元素的尺寸以及位置的重要工具。常用的度量工具有下面几种：

 1. 像素（px）

像素是最常用的度量单位，它表示屏幕上的一个点。元素的宽度、高度、边框宽度和内边距通常使用像素来指定。

 2. 百分比（%）

百分比是相对于父元素的尺寸而言的，它可以用来定义元素的宽度、高度、内边距和外边距。

 3. em

em是相对单位，它的值是相对于元素的字体大小而言的。如果父元素的字体大小是16px，那么1em就等于16px。它可以用来定义元素的宽度、高度、内边距和外边距。

 4. rem

rem也是相对单位，但它是相对于根元素（即html元素）的字体大小而言的。如果根元素的字体大小是16px，那么1rem就等于16px。它可以用来定义元素的宽度、高度、内边距和外边距。

 5. vw和vh

vw和vh分别表示视口宽度和视口高度的百分比。视口是指浏览器窗口的可见部分，vw和vh可以用来定义元素的宽度、高度、内边距和外边距。

通过合理地使用以上度量工具，我们可以轻松地实现页面的切换和自适应。但需要注意的是，度量单位的选择应该考虑到可维护性和可扩展性。在开发中应该建立一个度量工具的规范，并对其加以约束。