CSS单位
CSS中表示长度的属性很有多种,如常用的px,em等等。如果长度的值为0,则可以省略掉单位。
在CSS中对于长度的分类有着两大类——绝对长度和相对长度,接下来就来一一介绍吧。
绝对长度:
cm: 公分(centimeters)
mm: 毫米(millimeters)
in: 英寸 (inches )(1in = 96px = 2.54cm)
px : 像素点(pixels)(1px = 1/96th of 1in)
pt: 点(points )(1pt = 1/72 of 1in)
pc: 十二点活字(picas) (1pc = 12 pt)
相对长度:
em: 相对于元素的字体大小(2em意味着当前字体大小的2倍)
ex: 相对于当前字体的x高度(很少使用)
ch: 相对于“0”的宽度(零)
rem: 相对于根元素的font-size
vw: 其值相对于浏览器窗口大小宽度的百分比(如果浏览器宽100厘米,1vw = 1厘米)
vh: 相对于浏览器窗口大小高度的百分比(如果浏览器高100厘米,1vw = 1厘米)
vmax:其值取浏览器窗口长或宽最大的一个计算其百分比
%:相对于父元素的百分比长度