CSS 单位

最后更新：2026-09-13

CSS 单位

CSS 单位用于表示长度、角度、时间等量值，分为绝对、相对与视口等类别。

绝对长度

CSS 单位	说明
`px`	像素：1px 为一个设备像素(CSS 参考像素)。
`pt`	点：1pt = 1/72 英寸。
`in`	英寸：1in = 96px = 2.54cm。
`cm`	厘米。
`mm`	毫米。

相对长度

CSS 单位	说明
`em`	相对于当前元素的字体大小。
`rem`	相对于根元素的字体大小。
`ex`	相对于元素字体的 x 高度。
`ch`	相对于字符 '0' 的宽度。

视口单位

CSS 单位	说明
`vw`	视口宽度的 1%。
`vh`	视口高度的 1%。
`vmin`	视口较短边的 1%。
`vmax`	视口较长边的 1%。

百分比

CSS 单位	说明
`%`	相对于另一数值(父级尺寸或属性上下文)。

角度

CSS 单位	说明
`deg`	角度：整圆为 360deg。
`rad`	弧度：整圆为 2πrad。
`turn`	圈：整圆为 1turn。

时间

CSS 单位	说明
`s`	秒。
`ms`	毫秒(1000ms = 1s)。

全局关键字

CSS 单位	说明
`initial`	将属性重置为初始(默认)值。
`inherit`	继承父级的计算值。
`unset`	继承属性表现为 inherit，否则为 initial。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。