css中的单位（浅知）

长度单位：
                   像素
                      —— 屏幕（显示器）实际上是由一个一个的小点点构成的
                      —— 不同的屏幕的像素大小的不同的，像素越小显示器的效果越清晰
                      —— 所以同样的200px在不同的设备下显示的效果不一样
     
                  百分比
                      ——也可以将属性值设置为相对于其父元素属性的百分比
                      ——设置百分比可以使子元素随父元素的改变而改变

                  em
                     —— em是相对于元素的字体大小来计算的
                     —— 1em = 1font-size
                     —— em会根据字体的大小的改变而改变

                  rem
                     —— rem 是相对于根元素的字体大小来计算 
         
  颜色单位：
                 在css中可以直接使用颜色名来设置各种各样的颜色
                   比如：red、yellow、green、……
                   但是在css中直接使用颜色名时非常不方便的
 
                RGB值：
                   ——RGB通过三种颜色的不同浓度来调配出不同的颜色
                   ——每一种颜色的范围在0~255（0%~100%）之间
                   ——语法：RGB（红色，绿色，蓝色）
        
                RGBA:
                   ——就是在rgb的基础上增加了一个a表示透明度
                   ——需要4个值，前三个和rgb一样，第四个表示透明度
                           1表示完全不透明   0表示完全透明  0.5表示半透明
           
               十六进制的RGB值：
                    ——语法：#红色绿色蓝色
                    ——颜色浓度通过00-ff
                    ——如果演得俩位俩位重复可以进行简写
                          #aabbcc-->#abc
               
               HSL值HLSA值：
                    H 色相（0~360）
                    S 饱和度，颜色的亮度 0%~100%
                    L 亮度，颜色的亮度 0%~100%