CSS（層疊樣式表）是一種用于網頁樣式設置的語言。在CSS中，規則是最重要的部分之一。規則包括選擇器和聲明塊兩個部分。
選擇器表示CSS要應用于哪些元素。例如，選擇器可以是HTML元素標簽名、元素的ID、元素的類，或者是元素的屬性。例如，對于以下HTML代碼，選擇器可以是h1、#header、.logo或[data-type="text"]。
聲明塊包含在選擇器被選中的元素上應用的屬性以及對應的值。例如，以下CSS規則將對上面的段落元素應用樣式，使其字體為14像素、顏色為紅色、背景為白色。
同時，聲明塊可以包含多個屬性。例如，以下CSS規則將對網站標題進行樣式設置，并定義使用自定義字體。
以上聲明塊定義了字體、字號、顏色、背景顏色、邊框等屬性。在聲明塊中，屬性和值之間用冒號分隔，不同屬性之間用分號分隔。可以根據需要聲明不同的CSS規則，以控制網站的各個部分的樣式。
選擇器表示CSS要應用于哪些元素。例如，選擇器可以是HTML元素標簽名、元素的ID、元素的類，或者是元素的屬性。例如，對于以下HTML代碼，選擇器可以是h1、#header、.logo或[data-type="text"]。
<!DOCTYPE html> <html> <head> <title>CSS規則</title> </head> <body> <header id="header"> <div class="logo">我的網站</div> </header> <p data-type="text">這是一個段落，將用于CSS樣式設置。</p> </body> </html>
聲明塊包含在選擇器被選中的元素上應用的屬性以及對應的值。例如，以下CSS規則將對上面的段落元素應用樣式，使其字體為14像素、顏色為紅色、背景為白色。
p {
font-size: 14px;
color: red;
background-color: white;
}同時，聲明塊可以包含多個屬性。例如，以下CSS規則將對網站標題進行樣式設置，并定義使用自定義字體。
#header {
font-family: "My Custom Font", Arial, sans-serif;
font-size: 32px;
color: blue;
background-color: yellow;
border-bottom: 1px solid black;
}以上聲明塊定義了字體、字號、顏色、背景顏色、邊框等屬性。在聲明塊中，屬性和值之間用冒號分隔，不同屬性之間用分號分隔。可以根據需要聲明不同的CSS規則，以控制網站的各個部分的樣式。
下一篇css控制文本左右間距