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 = 毫秒
相关推荐
程序员小寒4 分钟前
前端高频面试题之Vue(初、中级篇)
前端·javascript·vue.js
陈辛chenxin11 分钟前
软件测试大赛Web测试赛道工程化ai提示词大全
前端·可用性测试·测试覆盖率
沿着路走到底13 分钟前
python 判断与循环
java·前端·python
Code知行合壹16 分钟前
AJAX和Promise
前端·ajax
大菠萝学姐26 分钟前
基于springboot的旅游攻略网站设计与实现
前端·javascript·vue.js·spring boot·后端·spring·旅游
心随雨下38 分钟前
TypeScript中extends与implements的区别
前端·javascript·typescript
摇滚侠42 分钟前
Vue 项目实战《尚医通》,底部组件拆分与静态搭建,笔记05
前端·vue.js·笔记·vue
双向3342 分钟前
CANN训练营实战指南:从算子分析到核函数定义的完整开发流程
前端
caleb_52043 分钟前
vue cli的介绍
前端·javascript·vue.js
Swift社区44 分钟前
如何监测 Vue + GeoScene 项目中浏览器内存变化并优化性能
前端·javascript·vue.js