在網頁設計中，CSS樣式表是非常重要的組成部分。通過CSS樣式表，我們可以對網頁中的元素進行樣式修飾，使其呈現出我們想要的外觀效果。

CSS樣式表的書寫需要遵循一定的規則，以下是一些常見的規則：

/* CSS樣式表的注釋 */
/* 選擇器 */
選擇器 {
/* 屬性名: 屬性值; */
color: red;
font-size: 16px;
}
/* 多個選擇器 */
選擇器1,
選擇器2 {
屬性名: 屬性值;
}
/* 類選擇器 */
.class {
屬性名: 屬性值;
}
/* ID選擇器 */
#id {
屬性名: 屬性值;
}
/* 子元素選擇器 */
父元素 子元素 {
屬性名: 屬性值;
}
/* 鄰接選擇器 */
元素 + 元素 {
屬性名: 屬性值;
}
/* 通配符選擇器 */
* {
屬性名: 屬性值;
}
/* 群組選擇器 */
選擇器1, 選擇器2, 選擇器3 {
屬性名: 屬性值;
}

在書寫CSS樣式表時，我們還需要注意以下一些細節：

1. 屬性名和屬性值之間需要用冒號（:）隔開。

2. 不同的屬性之間需要用分號（;）隔開。

3. 屬性名和屬性值都不區分大小寫，但建議使用小寫。

4. 如果屬性值中包含空格等特殊字符，需要用引號（單引號或雙引號）將其括起來。

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

以上是CSS樣式表書寫的一些基本規則和注意事項，我們可以根據實際需要通過CSS樣式表書寫出各種各樣的樣式效果。