前端新手写 CSS 时常见的通病有哪些？

对于前端新手来说，在编写 CSS 时常常会遇到一些通病，这些问题可能会影响页面的布局和样式效果。以下是一些常见的问题：

缺乏规划和组织：新手在写 CSS 时，可能没有事先规划好样式的结构和命名规范。这会导致 CSS 文件混乱，难以维护和修改。建议在开始之前，先构思好页面的整体布局，并为类名和 ID 选择有意义且一致的命名方式。

过度依赖内联样式：为了快速看到效果，新手有时会在 HTML 元素中直接使用内联样式。然而，这样会使代码的可读性降低，并且难以进行全局的样式修改。应当尽量将样式集中在外部的 CSS 文件中进行管理。

选择器滥用：新手可能会使用过于具体或复杂的选择器，如多层嵌套的选择器，这会增加样式的特异性，导致样式冲突和难以覆盖。尽量使用简洁、通用的选择器，并遵循“具体性越低越好”的原则。

不重视盒模型：对盒模型（包括边框、内边距和外边距）的理解不清晰，可能会导致元素的尺寸和布局出现偏差。在设置元素大小时，要充分考虑盒模型的影响。

忽视浏览器兼容性：不同的浏览器对 CSS 的解析可能存在差异。新手可能没有充分考虑到这一点，导致在某些浏览器中页面显示不正常。在开发过程中，要进行多浏览器的测试，并使用一些常见的解决兼容性问题的技巧。

不使用重置或normalize.css：页面在不同浏览器中的默认样式可能不同，新手如果不使用重置样式或 normalize.css 来统一基础样式，会增加样式设置的复杂性和不确定性。

颜色和字体使用不当：在选择颜色和字体时，没有考虑到对比度、可读性和整体的视觉和谐。要遵循设计原则，确保文字清晰可读，颜色搭配协调。

不注重代码的可复用性：没有将可重复使用的样式提取为单独的类或模块，导致代码重复，增加了代码量和维护成本。

前端新手在写 CSS 时要注重规划、遵循最佳实践、理解基础概念，并不断积累经验，逐渐克服这些通病，提高 CSS 编写的能力和效率，从而创建出美观、布局合理且易于维护的网页。