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)