CSS（Cascading Style Sheets）是用于網頁的樣式設計語言。一個好的CSS書寫規范能夠讓網頁的樣式更加清晰、易于管理。下面我們來談一下CSS書寫規范和順序。 1. 命名規范 每個 class 名稱應該盡可能簡短且不含意外。可以使用中劃線“-”作為連接符。例如，一個 div 的 class 名稱可以寫為“header-container”。 2. 選擇器順序 在同一選擇器中，優先級應該按照以下順序來設置： - 元素選擇器 - 偽元素 - 類選擇器 - 屬性選擇器 - ID選擇器 - !important修飾符 例如，應該優先使用“div.header”而不是“.header”或“#header”。這種順序有助于提高代碼的可讀性和可維護性。 3. 屬性順序 按照以下順序來書寫屬性： - 布局屬性：position、display、float、clear、visibility、overflow等 - 自身屬性：width、height、padding、margin等 - 文本屬性：color、font-size、line-height、text-align等 - 背景屬性 4. 代碼縮進 應該使用四個空格作為縮進。同時，應該將所有屬性都設置在新的一行上，以便于查看和編輯。 例如： .header-container { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: 60px; padding: 0 20px; margin-bottom: 20px; color: #fff; background-color: #333; } 總結 CSS代碼是可以優化的，不僅僅是外觀問題。合理的書寫規范和順序能讓代碼更加清晰易懂，也更方便維護。對于那些維護大型項目的開發人員來說，將規范處理好是必不可少的。