长度单位

1. 像素：
   屏幕（显示器）实际上由一个个点构成
   不同屏幕的像素大小不同，像素越小像素越清晰
   所以同样的200px在不同的设备下显示效果不同
2. 百分比
   也可以将属性设置为相对于其父元素属性的百分比
   设置百分比可以使子元素跟随父元素的改变而改变
3. em
   em是相对于元素的字体大小来计算的
   1em=1font-size（默认是16px）
   em会根据大小的改变而改变
4. rem
   rem是相对于根元素（html）来计算
   对于自己没事写的demo而言，用px就行了，但到了后面需要考虑自适应等相关问题时rem+媒体查询（这个后面会学到）就成了绝配！！

颜色

1. RGB值：
   RGB通过三种颜色的不同浓度来调配出不同的颜色
   每一种颜色的范围在（0到255之间）或者（0%到100%）
   语法：RGB（红色，绿色，蓝色）

2. RGBA
   就是在RGB基础上增加一个a表示不透明度
   需要4个值，前三个跟RGB一样，第四个表示不透明度
   1表示完全不透明 0表示完全透明 0.5半透明

3. 16进制的RGB值
   语法：#红色绿色蓝色
   颜色浓度选择：00-ff
   如果颜色两位两位重复可以进行简写
   #aabbcc->#abc

4. HSL值 HSLA值
   H 色相（0到360）
   S 饱和度 颜色的浓度（0%到100%）
   L 亮度 颜色的亮度（0%到100%）
   这里建议直接上网找一个可以吸取屏幕颜色的软件，不然容易犯强迫症。。