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中文網其他相關文章!