在使用 CSS3 时，有一些常见的禁忌或最佳实践需要遵循，以确保代码的可维护性和跨浏览器的兼容性：
过度使用选择器：避免使用过于复杂的选择器（如多个子选择器或伪类），这可能导致性能问题。
缺乏前缀处理：虽然许多 CSS3 特性现在在主流浏览器中得到了支持，但一些特性仍可能需要浏览器前缀。确保为
-webkit-、-moz-、-ms-等添加必要前缀，以提高兼容性。使用绝对单位：尽量避免使用绝对单位（如
px）来设定尺寸，改用相对单位（如%、em、rem），以便在不同设备上更灵活。忽视视觉辅助工具的可及性：确保使用 CSS 时考虑到用户的可及性需求，如避免使用仅依赖颜色的设计。
重复样式：通过使用 CSS 类和组合，避免样式的重复。这不仅减少了代码的冗余，也提高了可维护性。
未使用或过度使用媒体查询：没有合理利用媒体查询会影响响应式设计，而过度使用可能导致复杂和难以维护的样式。
未优化的动画和过渡：不当的动画效果可能会导致性能下降，影响用户体验。使用
transform和opacity等属性进行动画优化。混合布局模型：在同一页面中混合使用不同的布局模型（如 Flexbox 和 Grid）可能会导致意外的布局问题，尽量选择一种模型为主。
不考虑浏览器兼容性：在设计和开发时，应持续测试不同浏览器，以确保样式能在所有平台上正常工作。
