本文目錄導讀：

1. 內聯(lián)樣式
2. 類選擇器
3. ID選擇器與類選擇器的組合

CSS中如何在標簽里添加多個樣式

在CSS中，我們經常需要在HTML標簽中應用多個樣式，這可以通過多種方式實現(xiàn)，本文將詳細介紹如何在標簽內添加多個樣式，并展示如何通過合理的排版和準確詳實的內容來與標題相照應。

內聯(lián)樣式

在HTML標簽內直接添加style屬性，可以定義多個樣式，樣式之間用分號隔開。

<p style="color:red; font-size:20px;">這是一個段落。</p>

在這個例子中，段落標簽p被賦予了紅色和字體大小為20像素的樣式，這種方式簡單直接，但不建議在大型項目中頻繁使用，因為它違反了結構和樣式分離的原則。

類選擇器

在CSS中，我們可以使用類選擇器來為多個元素賦予相同的樣式，在HTML標簽內通過class屬性來引用這些類。

.myClass {
  color: blue;
  font-weight: bold;
}

然后在HTML中使用這個類：

<p class="myClass">這是一個段落。</p>

這種方式可以復用樣式，提高代碼的可維護性，一個類可以包含多個CSS屬性，只需在樣式表中使用逗號隔開即可。

ID選擇器與類選擇器的組合

我們還可以結合使用ID選擇器和類選擇器來為單個元素添加多個樣式。

#myId.myClass {
  background-color: yellow;
  font-size: 18px;
}

然后在HTML中使用這個ID和類：

<p id="myId" class="myClass">這是一個段落。</p>

這種方式允許我們?yōu)樘囟ǖ脑刭x予特定的樣式組合，需要注意的是，ID應該是***的，但類可以在多個元素之間共享，這種方式的適用性取決于你的具體需求，合理地使用這些技術可以幫助我們在HTML標簽中添加多個CSS樣式。