在设计网站时，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 代码的方式，希望可以对您有所启示！