像素、百分比、em、rem、RGB值、HSL值

单位

长度单位：

                像素：

                        屏幕（显示器）实际上是由一个个小方块构成

                        不同屏幕的像素大小是不同的，像素越小的屏幕显示效果越好

                        所以同样的数值在不同的设备下显示效果不一样

                百分比：

                        百分比可以设置属性相对于父元素属性大小

                        可以是子元素跟随父元素的变化而变化

                em:

                        是相对于元素字体大小来设置的

                        1em=1font-size

                        会根据字体的大小改变而改变

                rem:

                        是相对于根元素（html）的字体大小来设置的

颜色单位

在CSS中可以直接使用颜色名来设置各种颜色，但若这样设置颜色非常不方便

RGB值：

        通过三张颜色的不同浓度来调配出不同的颜色

        R(red)        G(green)        B(blue)

        每一种颜色的范围是0~255（0%~%100）

        语法：RGB（红色，绿色，蓝色）

例如：RGB（0，0，0）表示黑色

        RGB（255，255，255） 表示白色

RGBA值：

在RGB基础上增加了一个A表示不透明度

需要四个值表示，前三个与RGB一样，第四个表示不透明度

        1表示完全不透明，0表示完全透明，.5表示半透明，以此类推

十六进制的RGB值：

语法：#红色绿色蓝色

颜色浓度 00~ff

如果颜色两位两位重复可以进行简写

例如#aabbcc->#abc

HSL值：

H 色相（0~360）

S 饱和度（颜色浓度，0%~100%）

L 亮度（0%~100%）

HSLA与上同理