css层叠样式-选择器-优快云博客

博客介绍了CSS样式的引入方式，包括内联、内嵌和外部引入，还阐述了id、class、元素选择器等选择器的使用方法及优先级，如id选择器优先级高于class选择器，内联样式优先级高于内嵌和外部引入。同时指出内联样式修改麻烦，一般多用外部引用，选择器中class使用较普遍。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.内联：
       在标签中设置style属性
       <标签名 style=“样式1：样式值”></标签名>
2.内嵌：
       在head标签中加入style标签
       <style>
           选择器1{
               样式1：样式值1；
               样式2：样式值2；
           }
       </style>

3.外部引入
       新建。css文件，在css文件中写样式
           选择器1{
               样式1：样式值1；
               样式2：样式值2；
           }
           在html文件的head标签中用
           <link href=“xxx.css”>
       选择器：
           1.id选择器
               在标签中加入id属性<标签名 id="">
                   #id值{
               样式1：样式值1；
               样式2：样式值2；
           }
           2.class
               在标签中加入class属性<class="class值">
               .class值{
               样式1：样式值1；
               样式2：样式值2；
           }
           3.元素（标签）选择器
               在内嵌或者外部css文件中书协的格式
                   元素{
               样式1：样式值1；
               样式2：样式值2；
           }
           id选择器>class选择器>元素选择器
           内联>内嵌>外部引入
           选择器的关系：
           选择器1，选择2{
           }
           父子关系：
           选择器1 选择器2{
           }
           兄弟关系：{

           }
    内联一般不用，因为改起来太麻烦。一般都用外部引用