本文目錄導讀：

1. 基本語法
2. 標簽選擇器
3. 類選擇器
4. ID選擇器
5. 屬性選擇器
6. 偽類選擇器
7. 組合選擇器

CSS標簽設置樣式的方法

CSS（層疊樣式表）是一種用于描述HTML文檔樣式的語言，通過CSS，我們可以輕松地設置HTML元素的樣式，如顏色、大小、位置等，在CSS中，我們使用標簽選擇器來指定要應用樣式的HTML元素。

基本語法

CSS的基本語法包括選擇器和聲明塊，選擇器用于指定要應用樣式的元素，而聲明塊則包含要應用的樣式屬性及其值。

p {
  color: red;
  font-size: 16px;
}

在上面的例子中，p是選擇器，表示這段樣式將應用于所有的<p>元素。color和font-size是屬性，red和16px是對應的值。

標簽選擇器

標簽選擇器是***簡單的一種選擇器，它選擇所有具有特定標簽的元素。p選擇器將選擇所有的<p>元素，div選擇器將選擇所有的<div>元素。

類選擇器

類選擇器用于選擇具有特定類的元素，在HTML中，我們可以通過class屬性給元素添加類。

<p class="my-class">這是一段文本</p>

我們可以在CSS中通過.my-class選擇器來選擇這個元素：

.my-class {
  color: blue;
}

ID選擇器

ID選擇器用于選擇具有特定ID的元素，在HTML中，我們可以通過id屬性給元素添加ID。

<p id="my-id">這是一段文本</p>

我們可以在CSS中通過#my-id選擇器來選擇這個元素：

#my-id {
  color: green;
}

屬性選擇器

屬性選擇器用于選擇具有特定屬性的元素，我們可以使用[type="text"]選擇器來選擇所有的<input>元素，其中type屬性等于text：

[type="text"] {
  width: 200px;
}

偽類選擇器

偽類選擇器用于選擇處于特定狀態(tài)的元素，如鼠標懸停、點擊等，我們可以使用:hover偽類選擇器來選擇鼠標懸停在元素上的狀態(tài)：

a:hover {
  color: purple;
}

組合選擇器

組合選擇器用于選擇符合多個條件的元素，我們可以使用,分隔不同的選擇器，或者使用>、+、~等關系符來表示元素之間的關系。

div, p {
  color: orange;
}

或者：

div > p {
  color: navy;
}

通過以上的介紹，我們可以了解到CSS標簽設置樣式的基本語法和常用選擇器，在實際應用中，我們可以根據(jù)具體的需求和場景來選擇合適的選擇器和應用樣式。