在設計網站時，CSS 代碼可以幫助你創建一個美觀而富有層次感的網站，它可以控制網站上每個元素的外觀和布局。因此，你需要學習并敲打 CSS 代碼以實現你的設計理念。

無論您是想要改變文本顏色，增加內外邊距，還是使網站變得響應式，CSS 提供了豐富的選擇。不過，為了讓代碼干凈易讀并且符合最佳實踐，我們建議您在敲打 CSS 代碼時遵循一些規則。

首先，規避使用內斂樣式，這不利于代碼組織和維護。建議您使用外聯的方式引入 CSS 樣式表，可以保證您的代碼更清晰易讀。其次，您可以使用CSS 預處理器工具如 SASS 或 LESS 幫您提高效率，增強可維護性。

最重要的是，遵守代碼縮進的規范。如使用縮進使代碼更加清晰易讀。 CSS 選擇器的使用也應該非常準確，特別是在處理層次和權重時，這將有助于您構建更好的結構和布局。

.header {
text-align: center;
background-color: #F7D8A1;
padding: 20px;
}
.nav {
list-style-type: none;
display: flex;
justify-content: space-around;
align-items: center;
}
.main {
width: 80%;
margin: 0 auto;
}
.footer {
text-align: center;
background-color: #F7D8A1;
padding: 20px;
}

您可以看到我從上面的代碼示例中摘取了一部分，這個樣式是風格上高度保持一致的，使用了縮進和良好的布局以確保代碼易讀。這就是我敲CSS 代碼的方式，希望可以對您有所啟示！