css樣式規(guī)則定義html元素的視覺樣式,包含選擇器(確定適用元素)和聲明塊(定義樣式屬性和值)。選擇器包括元素選擇器(指定元素名稱)、類選擇器(指定類名)、id選擇器(指定id)和后代選擇器(選擇子元素)。聲明塊包含樣式屬性及其值,用于改變?cè)氐耐庥^,例如文本顏色、字體大小和背景顏色。
CSS樣式規(guī)則
CSS 樣式規(guī)則用于定義 HTML 元素的視覺樣式。每個(gè)規(guī)則包含兩個(gè)主要部分:
選擇器:確定規(guī)則適用的 HTML 元素。
聲明塊:定義元素的樣式屬性及其值。
選擇器
選擇器可以以多種方式指定目標(biāo)元素:
元素選擇器:選擇具有特定名稱的元素,例如 p
或 div
。
類選擇器:選擇具有特定 CSS 類名的元素,例如 .my-class
。
ID 選擇器:選擇具有特定 ID 的元素,例如 #my-id
。
后代選擇器:選擇一個(gè)元素的子元素,例如 div p
。
聲明塊
聲明塊包含一組樣式屬性,每個(gè)屬性都后跟一個(gè)冒號(hào)和一個(gè)值:
屬性:要設(shè)置的樣式屬性,例如 color
、font-size
或 background-color
。
值:屬性的實(shí)際值,例如 red
、12px
或 #ffffff
。
示例 CSS 樣式規(guī)則
<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>
登錄后復(fù)制
第一個(gè)規(guī)則適用于所有段落 (p
) 元素,將它們的文本顏色設(shè)置為藍(lán)色,字體大小設(shè)置為 16 像素。第二個(gè)規(guī)則適用于所有具有 my-class
CSS 類的元素,將它們的背景顏色設(shè)置為黃色,并添加 10 像素的內(nèi)邊距。