css 引入方式以及选择器

css三种引入方式：
    1.内联
        <标签名 style="样式名：样式值 "></标签名>
    2.内嵌
         在head中加入
         <style>
             选择器{
                   样式1：样式值1；
                   样式1：样式值1；
                  
             }
    </style>   
        选择器：
             id选择器：
             < 标签名 id="id值"></标签名>  注意id值要唯一
             <style>
                 #id值={样式1：样式值1；
                        样式2：样式值2；
                 }
    </style>
             class选择器：
             < 标签名 class="ciass值"></标签名>
             在style标签中
             <style>
                 .class值{样式1：样式值1；
                         样式2：样式值2；}
     
    </style>
             元素选择器：
             在style标签中
             <style>
                 元素名（标签名）{样式1：样式值1；
                         样式2：样式值2；}
    </style>
    优先级：id选择器>class选择器>元素选择器
        选择器关系：
        1.并列关系
        <style>
            选择器1，选择器2{样式1：样式值1；
                         样式2：样式值2；
            }
    </style>
        2.父子关系
        <style>
            选择器1 选择器2{样式1：样式值1；
                         样式2：样式值2；
            }
    </style>
        3.兄弟关系
        <style>
            选择器1+选择器2{样式1：样式值1；
                         样式2：样式值2；
            }
    </style>
   3外部引入：
       新建一个xxx.css文件，把选择器和样式写到css文件中
       在head标签中
       <link herf="xxx.css">
       三种引入方式的优先级：
       内联>内嵌>外部引入

a{color: green}
p{color: yellow}
[href="#"]{
font-size: 50px;
}
#d1,.d2{font-size: 30px;
}
div p{font-size: 50px;
}
#d3+p{color: red}