19.11.21课堂笔记（html+css）

    Css选择器
    选择器的权重

    在css中，哪个选择器的权重高，就走谁的样式
    标签选择器的权重是1

    class选择器的权重是10

    id选择器的权重是100
    
    行间样式的权重是1000
    关键字！importtant
    带着关键字的 importtant 的css 属性  权重是无穷大
    p{
        background:blue!important;
    
    }

    权重的计算
    将选择器上面的权重进行叠加，叠加后的总和就是该选择器的权重
    
    权重相等的时候，后面的会覆盖前面的


    Css选择器得种类
        标签 权重是0001

        类 class 权重是0010——相当于255个标签选择器

        id 权重是0100——相当于255个类

        *通配符 代表所有得标签 权重是0000

        后代选择器    .a p     权重是累加  0011

        子代选择器     .a>p     权重是0001

        交集选择器     .a#as ——类为a，同时id也为as
            p .a{
                background:red;
                }

        并集选择器      .a,.b——class叫a，和叫b的选择器
            .b,.a{
                  background:blue;
                }

    Css的几种形式
        1.行间样式——将style写在标签内的充当标签属性

        2.行内样式——<style>
                .div{
                                      color:red;
                     }
                    <style>
        3.外联样式——<link  rel="stylesheet"  href="">



    Css选择器的俩大特性
        1.继承性 所有跟文本字体有关的属性都会被子元素继承。且权重为0000
        2.层叠性 就是解决选择器权重大小的一种能力方法，就是看哪个选择器的权重大。谁的权重大，听谁的。0010相当于255个0001