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等。
❓
延伸问答
CSS中的绝对单位有哪些？
CSS中的绝对单位包括厘米（cm）、毫米（mm）、英寸（in）、像素（px）、点（pt）和派卡（pc）。
相对单位在CSS中是如何工作的？
相对单位在CSS中根据父元素或视口的变化而变化，如em、rem、vw、vh等。
CSS支持单位转换吗？
是的，CSS支持单位转换，方便设计灵活使用。
在CSS中，容器和子元素通常使用什么单位？
通常容器使用绝对单位，而子元素使用相对单位。
CSS中有哪些角度单位？
CSS中的角度单位包括度（deg）、梯度（grad）、弧度（rad）和圈（turn）。
CSS中的频率单位有哪些？
CSS中的频率单位包括赫兹（Hz）和千赫兹（kHz）。
➡️
