css长度单位及颜色表示

css的长度单位：

1. px：像素，绝对单位
2. em：相对单位，如果用于font-size属性本身，则是相对于父元素的font-size。若用于其他属性（width,height），则是相对于本身元素的font-size。所有未经调整的浏览器都符合: 1em=16px。
3. rem：相对字体长度单位，只相对根元素即html元素字体大小。
4. fr：自适应单位，fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配。

css颜色表示：

1. 十六进制表示法：可表示为：#RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。例如：＃0000FF值呈现为蓝色，因为蓝色的组成设置为最高值（FF）而其他设置为0。也可表示为：#RGB，值也必须为0到f之间，例如：#00f表示为蓝色。
2. rgb表示法：表示法为：RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。例如：rgb(0,0,255)，表示为蓝色，值越高，颜色混合占比越多。
3. rgba表示法：表示法为：RGBA（红，绿，蓝，alpha）。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。
4. hsl色相表示法：表示法为：HSL（色调，饱和度，明度）。色相是在色轮上的程度（从0到360）-0（或360）是红色的，120是绿色的，240是蓝色的。饱和度是一个百分比值;0％意味着灰色和100％的阴影，是全彩。亮度也是一个百分点;0％是黑色的，100％是白色的。
5. hsla色相表示法：表示法为：HSLA（色调，饱和度，亮度，α），α是Alpha参数定义的不透明度。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。

下图是色调图：