CSS 值和单位

   CSS的值和单位是基础的内容。

一、长度（length）和大小（size）

1.1 绝对单位（absolute units），不管其他的设置如何他们总能保持相同的大小：

    像素（pixel） px  ，四分之一毫米（quarter milimetres） q , 毫米（milimetres） mm, 厘米（centimetres） cm， 英尺（inch）in

（一英尺约合2.54厘米）

    pt (1/72英尺)、pc（12pt）

1.2 关联单位（relative unit） ， 与当前的元素（elements）的字体或视窗（viewpoint）相关：

    em： 1em和当前元素字体大小相等（更具体来说，是当前一个大写的M字母的宽度）。默认情况下，字体大小是16像素。可是元素字体的大小是继承父元素。因此，要注意。

    ex, ch : 分别代表小写字母x的高，和数字0的宽。（这两个并没有em常用）;

     rem :  工作机制和em很相似，除了rem的大小总是等于默认字体的大小。继承的字体大小对他没有影响。因此听起来比em更好。但这个不能再老版本的IE上使用。

     vw, vh : 分别代表 1/100 的视点的宽和 1/100的视点的高。同样，这两个并没有em使用的广泛。

二、无单位的使用场景

1、移除元素的margin和padding,不管之前的单位是什么都设置为0

例如：margin: 0 

2、无单位的行高，将作为一个乘数

例如： p :{ line-height: 1.5; }

如果字体为16px，那么行高就是字体的1.5倍，或34px。