1、Css 的长度
+长度单位
- 特殊值0可以省略单位。例如:margin:0px可以写成margin:0
- 一些属性可能允许有负长度值,或者有一定的范围限制。如果不支持负长度值,那应该变换到能够被支持的最近的一个长度值。
- 长度单位包括包括:相对单位和绝对单位。
- 相对长度单位包括有:em、ex、ch、rem、vw、vh、vmax、vmin、
- 绝对长度单位包括有:cm、mm、q、in、pt、pc、px
1.1、em
概念:
- 相对长度单位。相对于当前对象内文本的字体尺寸。
- 如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸
1.2、 ex
概念:
- 相对长度单位,相对于字符“x”的高度。通常为字体高度的一半。
- 如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
1.3、 ch
概念:
- 数字“0”的宽度
1.4、 rem
概念:
- 相对长度单位,相对于根元素(即html元素)font-size计算值的倍数
1.4、vw
概念:
- 相对于视口的宽度,视口被均分为100单位的vw
1.5、 vh
概念:
- 相对于视口的高度。视口被均分为100单位的vh
1.6、 vmax
概念:
- 相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax
1.7、 vmin
概念:
- 相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin
1.8、 cm
概念:
- 厘米(Centimeters),绝对长度单位
- 1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
1.9、 mm
概念:
- 毫米(Millimeters),绝对长度单位。
- 1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
1.10、 q
概念:
- 1/4毫米(quarter-millimeters),绝对长度单位
1.11、 in
概念:
- 英寸(Inches),绝对长度单位
1.12、 pt
概念:
- 点(Points),绝对长度单位
1.13、 pc
概念:
- 派卡(Picas),绝对长度单位。相当于我国新四号铅字的尺
1.14、 px
概念:
- 相对长度单位,像素(Pixels)