css的選擇器

8、css的選擇器

8.1、標籤選擇器
作用：給頁面上指定的某一種標籤設置樣式。
代碼：
<style type="text/css">
標籤名 {
屬性名1：屬性值2；
屬性名2：屬性值2；
……
}
</style>
缺點：只能給特定的某一種標籤設置樣式。

8.2、class（類）選擇器
作用：給指定類名的某一個標籤設置樣式，每個標籤都可以設置一個class屬性，class後面跟的屬性值就叫做類名。
代碼：
<style type="text/css">
.類名 {
屬性名1：屬性值2；
屬性名2：屬性值2；
……
}
</style>

8.3、id選擇器
作用：給指定id名的標籤設置樣式，每個標籤都可以設置一個id屬性，id後面的屬性值就是id名。
代碼：
<style type="text/css">
#id名 {
屬性名1：屬性值2；
屬性名2：屬性值2；
……
}
</style>

**8.4、class名和id名的注意點***
class名：相當於標籤的一個小名（可以重複）；
id名：相當於標籤的證號碼（不可以重複）；

一個類名可以給多個標籤使用，一個id名只能給一個標籤使用。

類名和id名的規範：只能是英文字母、數字、下劃線和連接符（-）組成，並且數字不能開頭，下劃線和連接符也不能開頭（能使用，但是不建議）。
8.5、通配符選擇器
作用：用於給頁面上所有標籤設置樣式，常用於頁面樣式初始化操作。
代碼：
<style type="text/css">

• {
  屬性名1：屬性值2；
  屬性名2：屬性值2；
  ……
  }
  </style>
  注意：通配符選擇器在進行設置時，會去遍歷頁面上的所有標籤，並且給這些標籤設置樣式。
  缺點：性能太低，主要用於初始化樣式。
  

綜合練習：百度首頁