CSS基础选择器

前言

每一条css样式定义由两部分组成，形式如下： 选择器{样式} ，在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。

---

基础选择器

1.通配符选择器

通配符选择器用*表示，所有样式都要写在’‘style’’ 标签中(style标签要写在头部head中).，通配符选择器设置的样式在所有标签中都适用

<style>
       *{
          <!--所有的样式都要用分号隔开 这里设置的是页面所有的外边距和内边距都为0-->
          margin:0 px;
          padding:0 px;
       } 
       
</style>

2.标签选择器

标签选择器很好理解，就是直接写标签名{}，例如：

<style>
    p {
      font-weight:900;
    }
    span { 
        <!-- 这里写样式 -->
        font-size:16px;
    }
</style>

<p></p>

<span></span>

3.类选择器

类选择器是在标签中写class然后给它一个类名，例如：

<style>
    <!-- 写类选择器时必须在类名前加一个'.' 一个标签可以拥有多个类名 -->
    .max {
      font-weight:900;
    }
    .min { 
        <!-- 这里写样式 -->
        font-size:16px;
    }
    .mid{
         <!-- 这个以后可能会用到-->
         color:red;
    }
</style>

<span class="max  mid"></span>

<p class="min"></p>

4.id选择器

id选择器是在标签里给它加一个属性id，例如：

<style>
    <!-- 写id选择器时必须在id名前加一个'#' 这里id选择器和类选择器有所不同，只能有一个id名 -->
    #div{
      font-weight:900;
    }
</style>

<div id="div"></div>

---

总结

这先说到这里，下次来介绍其他的五个常用到的选择器。