CSS 最佳实践：提升代码质量
作为后端程序员，在重温 CSS/HTML 时，你可能会遇到一些关于最佳实践的问题。以下将解答三个常见问题，帮助你编写更规范、清晰的 CSS 代码。
1. margin 设置策略
当相邻元素都设置了 margin 时，通常情况下应为上一个元素设置 margin-bottom，为下一个元素设置 margin-top。这是因为 CSS 中存在 margin 重叠，当 margin 重叠时，将取最大的 margin 值。向下设置 margin 可以确保元素之间保持正确的距离，避免重叠。
立即学习“前端免费学习笔记（深入）”；
2. 属性书写顺序
行业内推荐遵循特定的 CSS 代码编排规范。例如，GitHub 设计总监出品的 HTML/CSS 编码规范建议遵循以下顺序：
- 定位（Positioning）
- 盒子尺寸（Box Sizing）
- 文本内容（Text Content）
- UI 元素（UI Elements）
- 外观（Appearance）
- 动画（Animation）
3. 类名使用原则
一般不建议直接对标签设置样式。在组件化开发中，建议根据组件设定统一的主题值，并根据需要添加特定的类名。通过这种方式，代码维护成本更低，并且可以方便地覆盖特定样式。
