摘要：Media Queries是CSS3最具革命性的功能之一，它使得我们的网站能够适配各种不同的设备。具体来说，开发人员可以使用Media Queries来识别设备环境，然后根据不同的设备环境应用不同的CSS规则，从而可以实现在不同的设备下，使用不同的布局和皮肤。 语法 应用Media Queries有 阅读全文

摘要：Layout Rules指的是用于布局的CSS。我们常常对布局和内容不加区分，总是将所有的CSS写在一块，从而降低了代码的可重用性。SMACSS将布局CSS抽象为Layout Rules，内容CSS抽象为Module Rules。一个module只需要关心自己长什么样就可以了，至于放在哪里，那是它的容器需要考虑的问题。所以，用于布局的CSS完全可以独立出来。 阅读全文

摘要：Base Rules指的是所有元素的默认styles，比如说默认的link style，font styles，body backgrounds等等，也可以理解为为了屏蔽浏览器的差异，而对所有元素重新定义的一类CSS。 Normalize.css 和 Reset.css 是典型的Base Rules。笔者建议以 Normalize.css 为基础，根据自己的实际情况添加，形成自己的 base.css 。 阅读全文

摘要：SMACSS(发音"smacks")，全称Scalable and Modular Architecture for CSS。顾名思义，SMACSS是一个可扩展的，模块化的CSS架构。它不是一个CSS框架，而是一个指南，一个CSS设计的最佳实践。SMACSS旨在规范一种统一的CSS开发方式，以便开发人员能够更好的开发和维护CSS代码。 阅读全文