css有几个不同的单位用于表示长度。长度由一个数字和单位组成如10px,2rem等
数字与单位之间不能出现空格。如果长度值为0,则可以省略单位。
对于一些css属性,长度可以是负数。
有两种类型的长度单位:相对和绝对
1.相对长度
em, ex, ch, rem, vw, vh, vmin, vmax, %
em:它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位,一般浏览器字体大小默认为16px, 则2em=32px;
ex:依赖于英文字母小x的高度 ch:数字0的高度 rem:根元素的font-size vw: viewpoint width
视窗宽度,1vw视窗宽度的1% vh:viewpoint height 视窗高度, 1vh视窗高度的1% vmin: vw和vh中较小的那个
vmax:vw和vh中较大的那个
2.绝对长度
cm, mm, in, px*, pt, pc cm:厘米 mm:毫米 in: 英寸 1in = 96px = 2.54cm px:
像素1px = 1/96th of 1in pt point 大约1/72英寸 1pt = 1/72in pc pica
大约1/6英寸;1pc = 12pt