CSS中的单位

1、长度单位

        长度单位：

              像素：

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

                     不同屏幕的像素大小不同，像素越小显示的效果越清晰

                     所以同样的二百像素在不同的设备下显示效果不一样

                    百分比：

                     也可以将属性值设置为相对于其父元素属性的百分比

                     设置百分比可以使子元素根据父元素的改变而改变

                 em

                      相对于元素的字体大小

                        1em=1fromt-size

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

                  rem

                      相对于根元素(html)的大小

2、颜色单位

        颜色单位

                 在CSS中可以直接使用颜色名来设置各种颜色

                  如：red orange blue green……

                  但是在CSS中直接使用颜色名非常不方便

             RGB值

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

                   R red G green B blue

                    每一种颜色范围在0-255（0%-100%）之间

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

              RGBA值

                  rgba就是在rgb的基础上增加了a表示不透明度

                   需要4个值，前三个和rgb一样，第四个表示不透明度

                    1表示完全不透明，0表示完全透明，.5表示半透明

               十六进制的RGB值

                  语法：#红色绿色蓝色

                   颜色浓度通过00-ff

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

                   #aabbcc  -->   #abc

               HSL值  HSLA值

                  H 色相（0-360）

                  S 饱和度（0%-100%）

                  L 亮度（0%-100%）