css中class標籤什麼作用

css中的class不是標籤，而是一個類別選擇器，其作用就是指定類別的所有元素樣式；在使用類別選擇器之前，需要修改特定的文件標記，以便類別選擇器正常運作；並且為了將類別選擇器的樣式與元素關聯，必須將class指定為適當的值。

本教學操作環境：Windows10系統、CSS3版、DELL G3電腦

css中class標籤什麼作用？

css中的class不是標籤，而是一個類別選擇器。

class是類別選擇器，允許以獨立於文件元素的方式來指定樣式。

在使用類別選擇器之前，需要修改特定的文件標記，以便類別選擇器正常運作。

為了將類別選擇器的樣式與元素關聯，必須將 class 指定為適當的值。請看下面的 HTML 程式碼：

<h1 class="important"> This heading is very important. </h1> <p class="important"> This paragraph is very important. </p>

在上面的程式碼中，兩個元素的 class 都指定為 important：第一個標題（ h1 元素），第二個段落（p 元素）。

相關介紹：

 class 值中包含一個字的情況。在 HTML 中，一個 class 值中可能包含一個字列表，各個字之間以空格分隔。

例如：如果希望將一個特定的元素同時標記為重要（important）和警告（warning），就可以寫作：

This paragraph is a very important warning .

這兩個字的順序無關緊要，寫成warning important 也可以。

假設 class 為 important 的所有元素都是粗體，而 class 為 warning 的所有元素為斜體，class 中同時包含 important 和 warning 的所有元素還有一個銀色的背景 。

就可以寫：.important {font-weight:bold;} .warning {font-weight:italic;} .important.warning {background:silver;} 透過將兩個類別選擇器連結在一起，僅可選擇同時包含這些類別名稱的元素（類別名稱的順序不限）。

推薦學習：《css影片教學》

以上是css中class標籤什麼作用的詳細內容。更多資訊請關注PHP中文網其他相關文章！