介绍

我已经数不清我到底参与过多少网站的建设了。经过这么多网站的洗礼，你可能认为我有了“一招鲜，吃遍天下”的绝技。然而事实上，我不认为这个世界上有这样的绝技，相反，我找到了一种让CSS更有组织，更有条理的方法，这个方法可以让我们的代码更易开发，更易维护。

多年以来，我一直论证我的方法（以及其他人的方法），试图摸索出一种能够在更大项目更好地架构CSS的方法。不过我发现我的这些概念隐隐和我参与建设的较小网站也有关系，这些概念在之后日益复杂的项目工作中慢慢变得具体了。虽然小型网站可能不会遇到大型网站或是大型团队所遇到的问题，也不会频繁地去更新页面，但是我发现我使用的方法不管在小型网站还是大型网站上都能有很好地效果。

SMACSS（读音smacks [smæks]）相比死板的框架更偏向一种样式风格指南，没有任何的类库供你下载安装。参照SMACSS，你可以审查你的设计方法，也可以将死板的框架纳入到一个灵活的CSS架构中。SMACSS试图创造一种开发CSS网站的一致性方法，你可以完全采用SMACSS，你也可以采用其中对你有用的部分，或者完全不予采用。我知道这不可能适用于所有人，因为谈到web开发时，人们最常说的一句话还是：“看情况”。

灵感

为了了解在大型项目中什么应该做，什么不应该做，我研究了很多其他人的解决方案。Nicole Sullivan的OOCSS (opens new window)，Jina关于CSS工作流 (opens new window)的演讲，Natalie Downe关于可维护CSS (opens new window)的演讲，Jeremy Keith的Pattern Primer (opens new window)都对SMACSS产生了巨大的影响。

内容

SMACSS被划分为和CSS架构相关的几个主题。每个主题在各自的章节里都有详尽的描述。你可以按顺序阅读，也可以不按顺序，或者也可以挑着看，这个随你喜欢。这本书不是1000页的大部头，每章都很短而且易于消化。

现在开始尽情享受这本书吧！