CSS常用单位

css中常见单位

1.绝对单位

真实的物理尺寸,值取决于屏幕的分辨率

cm = 厘米
mm = 毫米
in = 英寸(1in = 96px = 2.54cm)
px = 像素(1px = 1/96in)
pt = 点(1pt = 1/72in)
pc = 派卡(1pc = 16px = 12pt)

2.字体相对单位

相对于字体的尺寸,值取决于字体的大小

em = 相对于元素的字体大小(1em = 1font-size)
ex = 相对于小写字母x的高度,由font-family决定大小
ch = 相对于数字0的高度,由font-family决定大小
rem = 相对于根元素的字体大小(1rem = 1html font-size)

3.视窗相对单位

相对于窗口的尺寸,值取决于窗口的尺寸

vw = 相对于视口宽度的1%(1vw = 视口宽度*1%)
vh = 相对于视口高度的1%(1vh = 视口高度*1%)
vmin = 相对于视口的1%较小尺寸(vw与vh中的最小值)
vmax = 相对于视口的1%较大尺寸(vw与vh中的最大值)

4.百分比单位

相对于父级的尺寸

% = 相对于父元素

5.角度单位

deg = 度
grad = 梯度
rad = 弧度(1rad = 180deg/Π)
turn = 圈(1turn = 360deg)

6.时间单位

s = 秒
ms = 毫秒
相关推荐
老K(郭云开)3 小时前
最新版Edge浏览器集成ActiveX控件之金山WpsDocFrame控件
前端·javascript·chrome·3d·中间件
Anyexyz3 小时前
Windows 11 卸载 Edge
前端·windows·edge
一路向前的月光5 小时前
React(6)
前端·javascript·react.js
众智创新团队5 小时前
singleTaskAndroid的Activity启动模式知识点总结
前端
祁许6 小时前
【Vue】打包vue3+vite项目发布到github page的完整过程
前端·javascript·vue.js·github
我的86呢!6 小时前
uniapp开发h5部署到服务器
前端·javascript·vue.js·uni-app
小爬的老粉丝6 小时前
基于AIOHTTP、Websocket和Vue3一步步实现web部署平台,无延迟控制台输出,接近原生SSH连接
前端
程序员晚天6 小时前
算法中的冒泡排序
前端
~央千澈~7 小时前
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
前端·测试工具·postman
LBJ辉7 小时前
3. CSS中@scope
前端·css