css樣式規則是什麼

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="css">p {
  color: blue;
  font-size: 16px;
}

.my-class {
  background-color: yellow;
  padding: 10px;
}</code>

第一個規則適用於所有段落(p) 元素，將它們的文字顏色設定為藍色，字體大小設定為16 像素。第二個規則適用於所有具有 my-class CSS 類別的元素，將它們的背景顏色設為黃色，並添加 10 像素的內邊距。

以上是css樣式規則是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！