在網頁設計中，CSS樣式的書寫格式是非常重要的。正確的書寫格式可以提高代碼的可讀性和可維護性，使代碼更加簡潔、清晰明了。下面就來詳細介紹一下CSS樣式的書寫格式。

/* 以下為CSS的書寫格式 */
/* 1.選擇器 */
.class {
/* 2.屬性 */
color: red;
font-size: 16px;
/* 3.值 */
}

如上代碼所示，CSS樣式的書寫格式主要包含三個部分：選擇器、屬性和值。下面我們來逐步介紹這三部分。

第一部分：選擇器。選擇器是用來將樣式應用到HTML元素的標識符。它可以是元素選擇器、ID選擇器、類選擇器、偽類選擇器等。在書寫時，選擇器應該放在樣式規則的開頭，并用英文單詞“selector”表示。

/* 元素選擇器 */
p {
/* 屬性 */
font-size: 16px;
/* 值 */
}
/* ID選擇器 */
#id {
/* 屬性 */
color: red;
/* 值 */
}
/* 類選擇器 */
.class {
/* 屬性 */
background-color: yellow;
/* 值 */
}
/* 偽類選擇器 */
a:hover {
/* 屬性 */
color: blue;
/* 值 */
}

第二部分：屬性。屬性是指需要設置的樣式。常見屬性有color、font-size、background-color、line-height等等。在書寫時，屬性應該跟在選擇器后面，并使用英文單詞“property”表示。

/* 屬性 */
color: red;
font-size: 16px;
background-color: yellow;

第三部分：值。值是屬性所具備的樣式描述。例如顏色值、字體大小值、背景圖片路徑等等。在書寫時，值應該緊跟在屬性后面，并使用英文單詞“value”表示。

/* 值 */
color: red;
font-size: 16px;
background-image: url("image/bg.jpg");

總結：CSS樣式的書寫格式非常重要，它直接影響到代碼的可讀性和可維護性。一個良好的書寫格式應該包括正確的選擇器、屬性和值的書寫，且結構清晰、縮進分明。只有這樣，我們才能寫出優美、高效的CSS樣式。