CSS文件的編寫規范
CSS文件是前端開發中不可或缺的一部分，它決定了網站的外觀和布局。為了讓CSS文件更具可讀性和可維護性，我們需要遵循一些編寫規范。
1.命名規范
命名規范是CSS文件中最為重要的部分之一。我們需要用有意義的名稱來命名CSS選擇器和樣式規則。在命名時，最好使用英文單詞，避免使用縮寫和拼音。
例如：

/* 正確的命名方式 */
.header { ... }
.footer { ... }
.nav { ... }
/* 不推薦的命名方式 */
.hd { ... }
.ft { ... }
.nav-1 { ... }

2.代碼格式化
為了更好地閱讀和理解代碼，我們需要遵循一定的代碼格式化規范。常見的規范包括縮進、換行、注釋等。
例如：

/* 縮進 */
.wrapper {
margin: 0 auto;
font-size: 16px;
}
/* 換行 */
.header,
.footer {
display: flex;
justify-content: space-between;
}
/* 注釋 */
/* header樣式 */
.header {
height: 60px;
color: #333;
}

3.選擇器嵌套
選擇器嵌套可以減少CSS代碼的重復性，但是過度使用會使代碼難以理解和維護。因此，選擇器嵌套應盡量保持簡潔和可讀性。
例如：

/* 簡潔可讀 */
.header {
height: 60px;
.logo {
margin-left: 20px;
}
}
/* 難以理解和維護 */
.header .logo {
margin-left: 20px;
}

4.樣式順序
樣式順序可以讓我們更好地管理和維護CSS代碼。通常，我們可以按照以下順序來編寫樣式：
1. 布局樣式
2. 字體樣式
3. 顏色樣式
4. 邊框樣式
5. 背景樣式
6. 其他樣式
例如：

.header {
display: flex;
justify-content: space-between;
font-size: 16px;
color: #333;
border-bottom: 1px solid #ccc;
background-color: #fff;
cursor: pointer;
}

總的來說，編寫規范的CSS文件可以讓我們更好地管理和維護代碼，提高開發效率。