CSS文件是前端開發中非常重要的部分，它用于定義網頁的樣式。在書寫CSS文件時，我們需要遵循一些規則，才能保證代碼的可讀性、可維護性和高效性。

/* 遵循統一的命名規則 */
.header {
font-size: 24px;
color: #333;
}
/* 使用縮進來展示層級關系 */
.nav {
margin: 0;
padding: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 10px;
}
/* 避免重復代碼 */
.btn {
display: inline-block;
border-radius: 4px;
padding: 10px 16px;
font-size: 16px;
color: #fff;
}
.btn-primary {
background-color: #007bff;
border-color: #007bff;
}
.btn-secondary {
background-color: #6c757d;
border-color: #6c757d;
}
/* 使用注釋來解釋代碼的作用 */
/* 頁面主體樣式 */
body {
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* 響應式布局 */
@media (min-width: 768px) {
.container {
width: 750px;
margin: 0 auto;
}
}

以上是一些CSS文件書寫的基本規則，它們能夠提高代碼的可讀性和維護性，使我們的代碼更加優雅。