一、CSS選擇器
1.1 CSS選擇器的作用
選擇器(選擇符)的作用就是根據(jù)不同需求把不同的標(biāo)簽選出來。簡單來說，就是選擇標(biāo)簽用的。
1.2 選擇器的分類
選擇器分為基礎(chǔ)選擇器和復(fù)合選擇器。
二、基礎(chǔ)選擇器
基礎(chǔ)選擇器是由單個選擇器組成的基礎(chǔ)選擇器又包括：標(biāo)簽選擇器、類選擇器、id 選擇器和通配符選擇器
2.1 標(biāo)簽選擇器
標(biāo)簽選擇器（元素選擇器）是指用 HTML 標(biāo)簽名稱作為選擇器，按標(biāo)簽名稱分類，為頁面中某一類標(biāo)簽指定統(tǒng)一的 CSS 樣式。
<style>
/*以標(biāo)簽名作為選擇器*/
h1 {
color: crimson;
}
h2 {
color: pink;
}
div {
color: darkgreen;
background-color: darkorange;
}
p {
color: greenyellow;
font-size: 15px;
}
</style>
作用 ：標(biāo)簽選擇器可以把某一類標(biāo)簽全部選擇出來。
優(yōu)點 ：能快速為頁面中同類型的標(biāo)簽統(tǒng)一設(shè)置樣式。
缺點 ：不能設(shè)計差異化樣式，只能選擇全部的當(dāng)前標(biāo)簽。
2.2 類選擇器
如果想要差異化選擇不同的標(biāo)簽，單獨選一個或者某幾個標(biāo)簽，可以使用類選擇器。
類選擇器在 HTML 中以 class 屬性表示，在 CSS 中，類選擇器以一個點“.”號顯示。
口訣：樣式點定義，結(jié)構(gòu)類調(diào)用。一個或多個，開發(fā)最常用。
注意：
1.如果想要差異化選擇不同的標(biāo)簽，單獨選一個或者某幾個標(biāo)簽，可以使用類選擇器，可以理解為給這個標(biāo)簽起了一個名字。
2.類選擇器在 CSS 中以一個點“.”號標(biāo)識，在 HTML 中以 class 屬性調(diào)用。
3.類選擇器使用“.”（英文點號）進(jìn)行標(biāo)識，后面緊跟類名時我們自己命名的。
4.一個class可以調(diào)用多個類名，多個類名要空格隔開。
命名規(guī)范：
- 長名稱或詞組可以使用中橫線來為選擇器命名。
- 不要使用純數(shù)字、中文等命名，盡量使用英文字母來表示。
- 命名要有意義，盡量使別人一眼就知道這個類名的目的。
</head>
<style>
/*樣式點定義*/
.pink {
color: pink;
}
.font20 {
font-size: 20px;
}
</style>
</head>
<body>
<!-- 結(jié)構(gòu)類調(diào)用 -->
<h1 class="pink">標(biāo)題一</h1>
<!-- 類選擇器可被多次調(diào)用 -->
<div class="pink">div里面的內(nèi)容1</div>
<div>div里面的內(nèi)容2</div>
<!-- 類選擇器可被同時調(diào)用多個，調(diào)用多個類時，各類之間要用空格隔開 -->
<h2 class="pink font20">標(biāo)題2</h2>
<body>
2.3 id選擇器
HTML 元素以 id 屬性來設(shè)置 id 選擇器，CSS 中 id 選擇器以“#" 來定義。
</head>
<style>
/*樣式#定義*/
#red {
color: red;
}
#background {
background-color: yellow;
}
</style>
</head>
<body>
<!-- 結(jié)構(gòu)id調(diào)用 -->
<!-- id選擇器只能調(diào)用一次，沒有多id -->
<h1 id="red">標(biāo)題1</h1>
<div id="background">背景色</div>
<body>
id選擇器與類選擇器的區(qū)別：
1.類選擇器相當(dāng)于我們名字，id選擇器則是我們的身份證號，名字可重復(fù)，身份證號是唯一標(biāo)識。
2.id選擇器一般用戶頁面唯一性的元素上。
3.id 選擇器和類選擇器最大的不同在于使用次數(shù)上。
2.4 通配符選擇器
在 CSS 中，通配符選擇器使用“*”定義，它表示選取頁面中所有元素（標(biāo)簽）。
<style>
* {
color: yellow;
}
</style>
特點：不需要調(diào)用，自動就給所有元素使用樣式
