CSS(Cascading Style Sheets)是一種用于描述網頁樣式的語言。CSS 樣式分為 class 和 id 兩種類型,其中 class 是一組屬性的集合,而 id 則是一個元素的唯一標識。
樣式 class 可以被多個元素共享,且一個元素可以擁有多個 class??梢允褂?"." 符號加上 class 名稱來定義樣式,例如:
.my-class { color: red; font-size: 16px; }
上述代碼定義了一個名為 "my-class" 的樣式 class,它包含了顏色和字體大小兩個屬性。要將這個樣式 class 應用到元素中,只需在 HTML 標簽中添加 class 名稱即可:
<p class="my-class">這是一個帶有樣式的段落。</p> <div class="my-class">這是一個帶有樣式的 div 元素。</div>
注意,class 名稱可以包含字母、數字、破折號和下劃線,但不能以數字開頭。
樣式 id 則是一個元素的唯一標識。一個頁面中的每個 id 名稱都必須是唯一的,即不允許有重復??梢允褂?"#" 符號加上 id 名稱來定義樣式,例如:
#my-id { background-color: blue; padding: 10px; }
上述代碼定義了一個名為 "my-id" 的樣式 id,它包含了背景色和內邊距兩個屬性。要將這個樣式 id 應用到元素中,只需在 HTML 標簽中添加 id 名稱即可:
<p id="my-id">這是一個帶有樣式的段落。</p> <div id="my-id">這是一個帶有樣式的 div 元素。</div>
注意,id 名稱同樣不能以數字開頭,且最好取一個有意義的名稱以便于記憶和維護代碼。