CSS禮儀是指在使用CSS編寫樣式時應(yīng)該遵守的一些規(guī)范和準則。通過遵守CSS禮儀，可以使代碼更加易讀、易維護、易擴展。

第一點：縮進

樣式的每一層都需要進行縮進，以體現(xiàn)層級關(guān)系。建議使用四個空格進行縮進。
例如：
body {
font-size: 16px;
color: #333;
background-color: #fff;
}

第二點：注釋

代碼中需要添加注釋解釋樣式的作用。注釋應(yīng)該緊貼在樣式上方，使用//或/* */包裹注釋內(nèi)容。
例如：
/* 頭部導(dǎo)航欄 */
header nav {
background-color: #fff;
}

第三點：命名規(guī)范

類名、ID名、變量名等命名應(yīng)該具有可讀性，以便于日后的修改和維護，并且應(yīng)該遵循語義化命名的原則。
例如：
.page-title { /* 頁面標題 */ }
#sidebar { /* 側(cè)邊欄 */ }

第四點：單一職責(zé)

一個樣式應(yīng)該只有一個作用，避免多種作用混合在一個樣式中，以免產(chǎn)生副作用。
例如：
.btn {
background-color: #333; /* 背景色 */
color: #fff; /* 文字顏色 */
border: 1px solid #333; /* 邊框 */
border-radius: 5px; /* 圓角 */
padding: 8px 16px; /* 內(nèi)邊距 */
}
在此例中，可以將.btn分為五個不同的類，每個類只負責(zé)一個作用。

總結(jié)：

遵守CSS禮儀可以使代碼更加易讀、易維護、易擴展。通過縮進、注釋、命名規(guī)范和單一職責(zé)等方面的準則，可以提高代碼質(zhì)量，為團隊協(xié)作和項目開發(fā)帶來巨大的幫助。