CSS基础选择器

CSS选择器的作用

 选择器根据不同需求把不同的标签选出来，即选择标签。

CSS选择器

css选择器可分为：**基础选择器和复合选择器**

css基础选择器

基础选择器是由单个选择器组成的，基础选择器又包括了：标签选择器、类选择器、id选择器和通配符选择器

标签选择器

用html标签名称作为选择器，为页面中的某一类标签指定统一的CSS样式。
语法：

标签名 {
      属性1： 属性值1；
      属性2： 属性值2；
      属性3：属性值3；
      …
       }

优点：能快速为页面中同类型的标签统一设置样式。
缺点：不能设计差异化样式，只能选择全部的当前标签。

类选择器（重要）

（样式点定义，结构类调用，一个或多个，开发最常用）
可以单独选择一个或者某几个标签。
语法 ：用class属性来调用class类。

  .red{
            color: red;        定义类选择器
        }

<div class="red">变成红色 </div>    调用类选择器

注意：类选择器使用 “.”进行标识，后面紧跟类名（自己定义）；类名不能用标签如p标签等类名；长名称或者词组可以使用中横线来分割，如：star-sing；类名要有意义，不要使用纯数字、中文等命名，尽量使用英文字母标识，如果写拼音，最好使用全拼写；命名规范：头部：header，尾部：footer；导航：nav；侧边栏：sidebar；搜索：search等
类选择器：多类名（重点）
我们可以给一个标签指定多个类名；
多类名的使用方式：

<div class="red font20">变量</div>   多个类名必须用空格分隔开

id选择器

用id属性设置id选择器，id选择器用“#”来定义
语法：

#id名 {
    属性1：属性值1；
    …
}

口诀：样式#定义，结构id调用，只能调用一次，别人切勿使用。
id选择器和类选择器的区别：
（1）类选择器，一个名字可以被多个人使用。id选择器是唯一的，只能被调用一次。

通配符选择器

在css中，通配符选择器使用“*”定义，他表示选取页面中的所有元素（标签）。
语法：

* {
   属性1：属性值1；
    …
  }

通配符选择器无需调用，会自动给所有的元素使用该样式；