1.元素選擇器
作用：通過元素選擇器，可以選擇頁面中的指定元素。
文法：标簽名{}
Title
p{
color:red;
}
鋤禾日當午
2.id選擇器
作用:通過元素的id屬性值，選中唯一的一個元素。
文法：#id屬性值{}
Title
#p1{
color:red;
}
鋤禾日當午
鋤禾日當午
3.類選擇器
作用：通過元素的class屬性值選中一組元素
文法： .class屬性值{}
Title
.p2{
color:greenyellow;
}
鋤禾日當午
鋤禾日當午
鋤禾日當午
可以為元素設定class屬性。
calss屬性和id屬性類似。隻是class屬性可以重複。
擁有相同class屬性值的元素，我們說它們是一組元素。
可以同時為一個元素設定多個class屬性值，多個值之間使用空格隔開。
happy new year
4.選擇器分組(并集選擇器)
作用：通過選擇器分組可以同時選中多個選擇器對應的元素。
文法： 選擇器1，選擇器2，選擇器N{}
Title
#p1,.p2,h1{
background-color: yellow;
}
憫農
鋤禾日當午
鋤禾日當午
鋤禾日當午
5.通配選擇器
作用：可以用來選中頁面中的所有元素
文法：*{}
*{
color:red;
}
6.複合選擇器(交集選擇器)
作用： 可以選中同時滿足多個選擇器的元素
文法： 選擇器1選擇器2選擇器N{}
Title
span.p3{
background-color: yellow;
}
憫農
鋤禾日當午
鋤禾日當午
注意：對于id選擇器來說，不建議使用複合選擇器。