样式的冲突                

-当我们通过不同的选择器，选中相同的元素，并且为相同的样式设置不同的值是，此时就发生了样式的冲突            

发生冲突时，应用哪个样式由选择器的权重（优先权）决定
            选择器的权重                

内联样式        1000    1,0,0,0                 

id选择器        100     0,1,0,0                

类和伪类选择器   10      0,0,1,0               

元素选择器       1       0,0,0,1                

通配选择器       0       0,0,0,0                

继承的样式       没有优先级

            比较优先级时，需要将所有的选择器的优先级进行相加计算，最后优先级越高，则越优先显示（分组选择器是单独计算的）                选择器的累加不会超过其最大的数量级，类选择器再高也不会超过id选择器                    如果优先级计算后相等，此时优先使用靠下的样式            !important

Ino

长度单位:
                    像素 

                    百分比

                    em
                        - em 相对于元素字体大小来计算的
                        - 1em = 1 font size

                    rem
                        - rem 相对于根元素的html的字体大小来计算 

                颜色单位:
                    在CSS中可以直接使用颜色名来设置各种颜色
                        比如:red、orange等
                        但是在css中直接使用颜色名是非常不方便
                    
                    RGB值:
                        - RGB通过三种颜色的不同浓度来调配出不同的颜色
                        - 每一种颜色的范围在 0 - 255（0% ~ 100%）之间
                        - 在rgb的基础上增加了一个a表示不透明度
                        - 需要四个值，前三个rgb一样 第四个表示不透明度
                        - 1表示完全不透明  0表示完全透明 .5半透明

                    十六进制的RGB值
                        - 语法： #红色绿色蓝色
                        - 颜色浓度通过 00-ff
                        - #aabbcc --> #abc
                        
                    HSL值
                        - H 色相 (0 - 360°)
                        - S 饱和度 颜色的浓度 (0& - 100%)
                        - L 亮度 颜色的亮度 (0% - 100%)