CSS 中的单位
CSS 中经常使用值。有时以绝对单位指定，有时以相对单位指定。
CSS 提供长度、角度、频率的值，并且每个 CSS 内都支持不同测量单位之间的转换。
了解 CSS 支持的各种单位或度量，让 Web 开发人员和设计人员能够在他们舒适的思维空间内工作。
下面是 CSS 支持的单位列表。
立即学习“前端免费学习笔记（深入）”；
绝对单位
长度
cm、mm、Q、in、pt、pc、px
cmCentimeters1cm = 37.8px = 1/2.54 of 1inmmMillimeters1mm = 1/10 of 1cmQQuarter-millimeters1Q = 1/40 of 1cminInches1in = 2.54cm = 96pxpcPicas1pc = 1/6 of 1inptPoints1pt = 1/72 of 1inpxPixels1px = 1/96 of 1in
角度
度、度、弧度、转
degDegree360deg = 1 full circlegradGradian400grad = 1 full circleradRadian6.2832rad = 1 full circle
(π approx = 3.1416)turnTurn1 turn = 1 full cirle
时间
小，女士
ssecond1s = 1000msmsmillisecond1ms = 1/1000 of 1s
频率单位
赫兹、千赫兹
HzHertz1Hz = 1/1000 of 1 kHzkHzKilo Hertz1KHz = 1000Hz
分辨率单位
dpi、dpcm、dppx
相对单位
顾名思义，这些单位提供的这些值是相对于其他一些值的。它可能与某些父元素或视口有关。
字体相关
em、ex、ch、rem
视口相关
%、vw、vh、vmin、vmax
容器查询相关
cqw、cqh、cqi、cqb、cqmin、cqmax
注意通常的做法是为容器元素定义绝对值，然后对所有后代元素使用相对值。
以上就是CSS 中值的单位的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1630008.html
微信扫一扫 
支付宝扫一扫 
