DEV Community
·
CSS中的数值单位
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
CSS单位分为绝对单位和相对单位。绝对单位有厘米、毫米、英寸、像素等，相对单位根据父元素或视口变化，如em、rem、vw、vh等。CSS支持单位转换，方便设计灵活使用。通常容器用绝对单位，子元素用相对单位。
🎯
关键要点
- CSS单位分为绝对单位和相对单位。
- 绝对单位包括厘米、毫米、英寸、像素等。
- 相对单位根据父元素或视口变化，如em、rem、vw、vh等。
- CSS支持单位转换，方便设计灵活使用。
- 通常容器使用绝对单位，子元素使用相对单位。
- 绝对单位包括长度、角度、频率等。
- 长度单位包括cm、mm、Q、in、pt、pc、px。
- 角度单位包括deg、grad、rad、turn。
- 频率单位包括Hz和kHz。
- 相对单位包括与字体和视口相关的单位，如em、rem、vw、vh等。
➡️
