### 選擇器分兩種:一種是基礎選擇器,一種是高級選擇器
### 基礎選擇器:標簽選擇器,id選擇器, 類名選擇器
### 高級選擇器: 后代選擇器,交集選擇器,并集選擇器
## **5.1 標簽選擇器**
選擇方法,通過標簽名選擇
選書寫方法:標簽名
選擇范圍:全標簽
用途:實現全選同名標簽,可以設置公共樣式
缺點:只能進行全選,不能進行單獨搭建。
```
div{
color:blue;
}
<div> 這里的內容全部變成CSS里的div樣式</div>
```
所有div的標簽全部賦值。
## **5.2 ID選擇器**
通過標簽ID屬性進行選擇
書寫方法: #id 屬性值(自定義)調用 di="自定義名稱"
選擇范圍: 只能選中一個標簽
id其實就是標簽的身份證號,具有唯一性,規定一個頁面中不允許有同名ID屬性。
優點:ID屬性的權重高
缺點:只能實現單選
案例:
```
#p1{
color:blue;
}
<p id="p1"> 第一段文字</p>
```
## **5.3 類名選擇器 class**
.自定義名稱{
}
案例:
```
.pw{
color:#DC143C;
}
<p class='pw'> 第一段文字</p>
```
優點:可以隨意命名
id和class屬性命名規范:第一個字符必須是字母,后面的可以是數字下劃線等。
多個class屬性之間 使用空格隔開
## **5.4通配符選擇器**
*{
CSS屬性
}
寫到CSS文件上面全局全通用。
案例:
```
*{
margin:0;
padding:0;
}
p{
width:100px;
height: 100px;
background:purple;
margin:0;
padding:0;
}
h2{
width:100px;
height:100px;
background:blue;
}
<p>文字</p>
<h2>我的</h2>
```
輸出效果:

- 簡介
- 文字三屬性(顏色,字號,字體)
- 盒子三屬性(width , height, background-color)
- CSS引入方法
- CSS選擇器
- css高級選擇器
- CSS的繼承性
- 顏色屬性color
- 字體font-family
- 字號font-size
- 文字在盒子行高 line-height
- 字體加粗font-weight
- 字體樣式font-style
- 文本段落對齊text-align
- 文字修飾(上劃線下劃線中劃線 text-decoration)
- 文字縮進text-indent
- 盒子模型的寬度與高度width,height
- 內邊距padding
- 邊框border
- 外邊距margin
- 清除默認樣式
- 盒子height高度屬性拓展
- 文字在盒子里居中text-align:center
- 盒子在盒子里的水平居中
- margin塌陷
- 標準文檔流display
- 浮動float
- 浮動元素性質
- 浮動貼邊原理
- 浮動元素的標準流問題(文字圍邊效果)
- 清除浮動
- 清除浮動影響二: clear屬性
- 清除浮動overflow方法
- 偽類標簽
- background-color背景顏色屬性
- background-image 背景圖片調用
- background-repeat 背景圖平鋪狀態
- background-position背景定位
- background-attachment背景附著
- background綜合語法
- 相對定位position:relative
- 絕對定位position:absolute
- 定位壓蓋順序
- CSS制作LOGO超鏈接妙招
- CSS公共類的繼承性
- em單位
- 媒體查詢
- flex布局