CSS中的单位

长度单位

长度单位简介
em相对于当前对象内文本的字体尺寸
ex相对于字符“x”的高度。通常为字体高度的一半
ch数字“0”的宽度
rem相对于根元素(即html元素)font-size计算值的倍数

视口相对长度单位

视口相对长度单位简介
vw相对于视口的宽度。视口被均分为100单位的vw
vh相对于视口的高度。视口被均分为100单位的vh
vm相对于视口的宽度或高度,总是相对于小的那个。视口的宽度或高度被均分为100单位的vm

绝对长度单位

绝对长度单位简介
cm厘米
mm毫米
in英寸(inches); 1in = 2.54cm
pt点(points); 1pt = 1/72in
pc派卡(picas); 1pc = 12pt
px像素(pixels); 1px = 1/96in

角度单位

角度单位简介
deg
grad梯度
rad弧度
turn转、圈

时间单位

时间单位简介
s
ms毫秒

频率单位

频率单位简介
Hz赫兹
kHz千赫兹

特殊布局单位

特殊布局单位简介
fr剩余空间分配数
gr网格数

详细内容参考:
CSS参考手册v3.4.0_web前端开发参考手册_Powered by飘零雾雨

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

努力做一只合格的前端攻城狮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值