CSS三大样式——内嵌样式和外部样式

赤焰狂魔&莫小贝

已于 2022-03-14 23:20:24 修改

阅读量1.9k

点赞数

分类专栏： html css3 文章标签： css css3 html

于 2022-03-14 18:39:22 首次发布

本文链接：https://blog.csdn.net/weixin_38945490/article/details/123446675

版权

本文详细介绍了CSS中的内嵌样式和外部样式的使用。内嵌样式包括元素选择器、类名称选择器、ID选择器等，以及子父选择器、相邻元素选择器和属性选择器的使用。外部样式则将样式存储在单独的CSS文件中，以保持代码的整洁和可维护性。

摘要由CSDN通过智能技术生成

①在网页中内嵌sytle标签去写样式
②在内嵌样式中要先匹配到对应元素才能写css样式
匹配到元素样式写法规则是：
匹配器{
//样式
}
③ 如何匹配元素：使用元素选择器来匹配元素

*1.号匹配器匹配网页里面所有的元素

         * {
   
               border: 1px solid red;
           }

<button>按钮</button>

2.元素选择器根据元素的名称来匹配元素
匹配整个网页里面所有这个名称的元素


 button{
   
              border: 1px solid red;
          }

<button>按钮</button>

3.类名称选择器给元素设置属性class="" 根据类名称来匹配
class类名称是使用点（.）来匹配的

<button class="btn">按钮</button>

      .btn{
   
              color: red;
          }

4.id选择器
给元素设置id属性 id="" 根据id来匹配，id相当于人的身份证号一样
使用#来匹配的

       #btnstart{
   
                    border: 1px solid blue;
                    color: green;
                }

<button id="btnstart">按钮</button>

5.选择器的分组和嵌套
分组的意思 就是多个元素公用一套样式
选择可以任意搭配

  h1,button,span{
   
                          color: red;
                      }

<h1>分组</h1>
<button>按钮</button>
<

关注

专栏目录