CSS（層疊樣式表）規(guī)則由兩大部分組成：選擇器和聲明塊。
選擇器是指我們要為其設(shè)置樣式的HTML元素。選擇器可以是元素（如p，div等），類(lèi)（如.class），ID（如#id）或?qū)傩裕ㄈ鏪type='text']）。
聲明塊由花括號(hào){}包圍，其中包含了一條或多條屬性和值對(duì)，即我們要為選擇器所設(shè)置的樣式。每條屬性和值對(duì)由冒號(hào):分隔，每個(gè)聲明之間需要用分號(hào);分隔，比如下面這個(gè)例子：

p {
font-size: 16px;
color: #333;
}

在上面的例子中，選擇器是p，聲明塊由花括號(hào){}組成，其中包含了兩個(gè)屬性和值對(duì)：font-size: 16px和color: #333。這意味著我們?yōu)樗衟元素設(shè)置了字體大小為16像素和文本顏色為#333的樣式。
在CSS規(guī)則中，我們可以使用多個(gè)選擇器來(lái)指定一個(gè)或多個(gè)元素。比如這個(gè)例子：

p, span {
font-family: Arial, sans-serif;
}

在上面的例子中，我們?yōu)樗衟元素和span元素設(shè)置了字體族為Arial和sans-serif的樣式。
在總體結(jié)構(gòu)上，CSS規(guī)則由以下幾部分組成：

選擇器 {
屬性1: 值1;
屬性2: 值2;
...
}

其中，選擇器用于定位到HTML元素，屬性和值對(duì)組成了聲明，表示我們要為其設(shè)置的樣式。理解和使用好CSS規(guī)則，是前端開(kāi)發(fā)中非常重要的一環(huán)。