Question

请大家务必记住，我们可以针对不同的视口使用不同的声明。例如，针对较小的视口可以继续使用上一节中的渐变图案：

但针对大视口（例如宽度大于等于768像素的视口），可以不继续使用上图中的渐变图案。因此可以使用媒体查询为大视口设定一个具体规则：

请时刻牢记，只要你有需要，媒体查询就能让你给任何元素针对各种不同视口设定具体规则。这样做都是为了给用户提供最佳的使用体验。

使用CSS预处理器轻松编写CSS3代码

CSS3规则目前都需要各种不同的浏览器私有前缀。除了将各种声明的不同前缀写法保存为代码片段，或者使用JavaScript文件来自动追加前缀之外，还有一种快速编写CSS3代码的方法，就是使用CSS预处理器，如最流行的SASS和LESS。比如使用支持SASS的Compass插件，编写一个盒阴影就变得如此简单：element { @include box-shadow； }。当最终生成CSS代码时，代码中会包含一组完整的浏览器私有规则，并包含针对Internet Explorer的hack（如果需要的话）。如果这还不足以打动你，那再想想这种预处理器能够让你在CSS中使用变量和if/while这样的编程语句。欲了解更多信息，请前往SASS的网站http://sasslang.com和LESS的网站http://lesscss.org。