CSS（Cascading Style Sheets，層疊樣式表）是網頁設計和排版的重要語言之一。在編寫CSS代碼之前，我們需要先了解CSS樣式規則：

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

這里的“選擇器”選中了需要應用樣式的HTML元素，而“屬性”和“值”則定義了應用到這些元素的樣式。

下面是一個簡單的例子：

p {
color: red;
font-size: 18px;
}

這段代碼選擇了所有

元素，并設置它們的文本顏色為紅色，字體大小為18像素。

還可以使用類選擇器或ID選擇器來針對特定的元素進行樣式設置：

p.intro {
font-style: italic;
}
#header {
background-color: gray;
}

類選擇器以“.”開始，用于為擁有特定類的元素設置樣式，而ID選擇器以“#”開始，用于為指定ID的元素設置樣式。

一些比較高級的樣式規則還包括偽類和偽元素，可以用于模擬元素的一些特定狀態，比如hover、active、before和after等。這些規則需要在選擇器后面使用“:”符號來指定。

通過使用這些基本的CSS樣式規則，我們可以輕松編寫出豐富多彩的網頁樣式，為用戶提供更好的瀏覽體驗。