css樣式規則定義html元素的視覺樣式,包含選擇器(確定適用元素)和聲明塊(定義樣式屬性和值)。選擇器包括元素選擇器(指定元素名稱)、類選擇器(指定類名)、id選擇器(指定id)和后代選擇器(選擇子元素)。聲明塊包含樣式屬性及其值,用于改變元素的外觀,例如文本顏色、字體大小和背景顏色。
CSS樣式規則
CSS 樣式規則用于定義 HTML 元素的視覺樣式。每個規則包含兩個主要部分:
選擇器:確定規則適用的 HTML 元素。
聲明塊:定義元素的樣式屬性及其值。
選擇器
選擇器可以以多種方式指定目標元素:
元素選擇器:選擇具有特定名稱的元素,例如 p
或 div
。
類選擇器:選擇具有特定 CSS 類名的元素,例如 .my-class
。
ID 選擇器:選擇具有特定 ID 的元素,例如 #my-id
。
后代選擇器:選擇一個元素的子元素,例如 div p
。
聲明塊
聲明塊包含一組樣式屬性,每個屬性都后跟一個冒號和一個值:
屬性:要設置的樣式屬性,例如 color
、font-size
或 background-color
。
值:屬性的實際值,例如 red
、12px
或 #ffffff
。
示例 CSS 樣式規則
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">p { color: blue; font-size: 16px; } .my-class { background-color: yellow; padding: 10px; }</code>
登錄后復制
第一個規則適用于所有段落 (p
) 元素,將它們的文本顏色設置為藍色,字體大小設置為 16 像素。第二個規則適用于所有具有 my-class
CSS 類的元素,將它們的背景顏色設置為黃色,并添加 10 像素的內邊距。