接触前端的第五天

选择符的权重：
 id> class > 标签

四个数字标示权重 ：

 内联样式表->     1000
  id       ->     100
  class    ->     10
  标签     ->     1
 伪类选择符->     10
 通配符    ->     0
 包含选择符的权重为权重之和
   eg:
     #box div{}         100+1==101
     .wrap .con{}       10+10+1==21

群组选择符的权重是不会发生变化的，保持原来的权重值。

！important   权重是最高的

回顾css层叠性：
产生权重关系，必然体现css的层叠性
内联样式表> 内部/外部
内部和外部和顺序有关，后写吧前些覆盖。
0：!important 最重要的样式

 css的层叠性？  ->权重！！！
 产生权重关系，必然体现css的层叠性
  
 1：  内联样式表> 内部/外部
      内部和外部和顺序有关，后写吧前些覆盖。
 2： 选择器的权重：
    id>class/伪类>标签
 3：开发者样式权重 >读者（用户）样式>浏览器样式
  
 4：
    当权重相同的时候，后写的样式会把前些的样式 给覆盖掉。
     回顾：css语法：
    选择符{属性：属性值；}

    css属性：width/height/background/color/border...

    css的属性值：常规属性值，法定属性值。
        c常规属性值：100px/200px/300px
        法定属性值 ：官方指定一个单词，具有某些意义


        文本属性：

        1：font-size:;控制文本大小
           a: 为了消除系统之间额显示差异，规定16px为标准文字大小。
           b:文本大小一般设置为偶数。
           c:pc端项目，设置最小尽量别低于12px;
           d:从ps中获取文本大小，汉字量取文本高度。
           e:文本单位：px/em/ pt（磅）【常用在印刷领域】
              12px=9pt
              em
                 (相对大小单位，相对于父元素font-size值而定)
                 （默认情况下1em=16px）
              

        2:color:;控制网页中的文本
         颜色纸：
            十六进制表示颜色值：
                16进制数字：0-9  a-f
                颜色纸：ff0000
                   6个数字：
                    前两位  红色
                    中间两位  绿色
                    最后两位   蓝色
            b:RGB(255,0,0)模式
               拓展：rgba(255,0,0,0.5)