CSS的长度单位：
px：px是一个按角度度量的单位。
in：英寸是一个物理度量单位，但是在CSS领域，英寸只不过被直接映射成像素罢了。
cm：厘米是比较熟悉有用的物理度量单位。它也映射成像素。
mm：毫米单位，和cm单位一样。
em：em是一个相对长度单位，当改变font-family时，它的尺寸不会发生改变，但在改变font-size的大小时，它的尺寸就会发生变化。
%：以百分比为单位的长度值是基于具有相同属性的父元素的长度值。
fr：fr 单位是一个自适应单位，fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配。
CSS的颜色表示：
1、用颜色名表示
如：white、red、greenyellow、gold等。
2、用十六进制的颜色值表示(红、绿、蓝)
#FF0000或者#F00
3、用rgb(r,g,b)函数表示
如：rgb(255,255,0)
4、用hsl(Hue,Saturation,Lightness)函数表示（色调、饱和度、亮度）
如：hsl(120,100%,100%),色调0代表红色，120代表绿色，240代表
蓝色
5、用rgba(r,g,b,a)函数表示
其中a表示的是改颜色的透明度，取值范围是0~1，其中0代表完全透明。
6、用hsla(Hue,Saturation,Lightness,alpha)函数表示
色调、饱和度、亮度、透明度
摘自：https://www.cnblogs.com/orange123/p/9786604.html