如今，Web開發技術的發展和互聯網的普及，使得Web頁面成為了一個簡單而基本的表現形式。而CSS（Cascading Style Sheets，層疊樣式表）則被廣泛地應用在Web開發中，用來控制網頁的樣式和布局。本文將介紹如何編寫規范的CSS代碼，以提高網頁的可讀性和可維護性。

CSS編碼規范：

/* 每個選擇器獨占一行 */
.wrapper {
...
}
/* 每個CSS屬性獨占一行 */
.wrapper {
width: 960px;
height: 600px;
margin: 0 auto;
padding: 10px;
background-color: #f2f2f2;
}
/* 屬性名與屬性值之間要有一個空格 */
.wrapper {
font-size: 16px;
line-height: 1.6;
color: #333;
}
/* 多個選擇器和屬性之間要有空行 */
.wrapper,
.container {
...
}
.wrapper {
...
}
/* 使用簡寫屬性 */
.wrapper {
margin: 10px 20px 30px 40px; /* 上右下左 */
padding: 5px; /* 上右下左 */
font: 14px/1.3 Arial, sans-serif; /* 字號、行高、字體 */
}

CSS命名規范：

/* 選擇器使用小寫字母、以中劃線連接 */
.wrapper {
...
}
/* class名稱使用小寫字母、以中劃線連接 */
.one-column {
...
}
/* id名稱使用小寫字母、以下劃線連接 */
main_content {
...
}
/* 不要使用過于簡單和含糊的名稱 */
/* Good */
.page-container {
...
}
/* Bad */
.box1 {
...
}
/* 不要使用元素類型作為class名稱 */
/* Good */
.error-message {
...
}
/* Bad */
.span {
...
}

總之，CSS代碼的高質量和規范化是Web前端開發中不可或缺的一部分。遵循以上CSS編碼規范和命名規范，可以幫助你編寫易讀、可維護和可擴展的代碼。