在網頁設計和開發中，CSS（層疊樣式表）是一個重要的組成部分，它可以控制網頁中的布局、字體、顏色、背景等樣式。CSS代碼由一系列的樣式規則組成，規定了不同元素的具體樣式。下面我們來具體了解一下CSS樣式規則。

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

上面的代碼是CSS樣式規則的基本結構。其中，選擇器指向要修改樣式的元素，而花括號內的內容則表示要修改的具體樣式屬性和值。

選擇器：在CSS中，選擇器用來定位要修改樣式的元素。一般選擇器分為以下幾種：

• 標簽選擇器：通過HTML元素的標簽名來選取元素，例如：p、div、ul等。
• 類選擇器：通過class屬性來選取元素，例如：.box、.title等。
• ID選擇器：通過id屬性來選取元素，例如：#header、#nav等。
• 屬性選擇器：通過元素的屬性來選取元素，例如：[href]、[title="xxx"]等。
• 偽類選擇器：選擇某個元素的特殊狀態，例如：:hover、:active、:visited等。

樣式屬性和值：在CSS中有很多可設置的樣式屬性和對應的屬性值。下面是一些常用的樣式屬性和對應的屬性值：

• color：字體顏色，屬性值為顏色名或RGB值。
• font-size：字體大小，屬性值為數字加上單位px或em。
• background-color：背景顏色，屬性值為顏色名或RGB值。
• border：邊框，屬性值可以由border-width、border-style和border-color組合而成。
• margin：外邊距，屬性值為數字加上單位px或em。
• padding：內邊距，屬性值為數字加上單位px或em。

使用CSS樣式規則可以為網頁制作出美觀、精致的視覺效果，為用戶提供更好的閱讀和瀏覽體驗。