html - 如何制定可靠的 CSS 策略？

Question

我花时间仔细学习了 HTML5、CSS3 和 JQuery 的语法。

我现在想找到一个很好的资源来帮助我开发一个可靠的“设计过程”。到目前为止，在我所做的小设计中，我通常会得到一个看起来很讨厌的 .css 样式表，其中包含很多一次性主义。

我愿意接受任何关于好的资源的建议，或者只是一些有助于实现良好 HTML/CSS 设计策略的指针。

谢谢

Answer 1

将样式表分解为模块：导航、内容类型、页眉、页脚等。

不要使用 id 来分配样式。这提供了有关原因的更多信息，以及更多有用的提示http://oli.jp/2011/ids/

阅读http://css-tricks.com/，Chris Coyier 总是在他的网站上提供有用的提示

Answer 2

对你的 CSS 样式进行分组，就像上面提到的 @DevonRW 一样。

注释您的 CSS，就像您注释较长的代码一样。它将帮助您和其他团队成员进行后期维护。

不过要小心，不要像创建一个只定义某物颜色的样式定义这样的事情。使用 jQuery 时，您通常最终需要添加类，以便一个元素在给定时间可以具有三个或四个类……但您不想从三个或四个开始。对您的网站样式进行故障排除和即时彻底更改可能会变得非常棘手。

我尝试过的一件事是为类名提出一个命名法：sClassName 用于常规类，jqClassName 用于将由 jQuery 添加（或删除）的类。不过，这可能对您有帮助，也可能对您没有帮助。