CSS 代码书写的最佳实践

作为一名后端程序员，在学习 HTML 和 CSS 时，以下是一些值得考虑的代码书写最佳实践：

1. margin-bottom 和 margin-top 的设置

当上下元素都设置了 margin 时，应该根据实际情况决定谁设置底部间距，谁设置顶部间距。一般来说，为上下的间距设置 margin-bottom 会更合理，因为这样可以避免 margin 重叠并确保元素之间的垂直间距不会被其他元素影响。

立即学习“前端免费学习笔记（深入）”；

YiHui GITHUB MONITOR

监控多个 GitHub 仓库，配置发布、PR 与安全告警策略，通过定时 cron 任务推送低噪声通知。

下载

2. CSS 属性书写顺序

业界对于 CSS 属性书写顺序有一些推荐指南，例如 GitHub Design 的 HTML/CSS 编码规范。这些指南有助于建立一致、可维护和规范的 CSS 代码。

3. 类名选择：.class 还是 .class+元素

一般不建议直接对标签设置样式。在组件化开发中，建议使用组件库定义好的类名，并在特殊情况下为特定标签定义特定的类名。对于普通类名，仅需设置一层即可，可以通过使用后置样式或限定父元素类名来覆盖前面的样式。