CSS 可以做很多事情,但开发者更习惯的是变量、常量和一般的更快速的语法,而 CSS 本身是不支持的。本文介绍了 10 个 CSS 预处理器,让 CSS 支持一些简单的编程语法,使Web开发更高效。 1、Compass Compass 是一个开源的 CSS 制作框架。针对个人框架开发时,其非常简单、易用。 2、CSS Cacheer 这是一个很棒的 CSS 预处理器,可以让开发者制作插件,要求 ...
CSS 可以做很多事情,但开发者更习惯的是变量、常量和一般的更快速的语法,而 CSS 本身是不支持的。本文介绍了 10 个 CSS 预处理器,让 CSS 支持一些简单的编程语法,使Web开发更高效。
1、Compass
Compass 是一个开源的 CSS 制作框架。针对个人框架开发时,其非常简单、易用。

2、CSS Cacheer
这是一个很棒的 CSS 预处理器,可以让开发者制作插件,要求 PHP 以及 Apache (mod_deflate 和 mod_rewrite)。

3、CSScaffold
CSScaffold是一款帮助CSS开发者快速进行开发的框架,使用PHP编写。不同于许多CSS框架,它必须依靠PHP与Apache的mod_rewrite来执行,但也因为这两种东西,让CSScaffold变得很神奇、很方便,写起CSS来又快又轻松!

4、Sass
Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等特性。Sass 可以生成良好格式化的 CSS 代码,易于组织和维护。

5、Less CSS
Less CSS 是一个使用广泛的 CSS 预处理器,通过简单的语法和变量对 CSS 进行扩展,可减少很多 CSS 的代码量。

6、Turbine
这是 PHP 爱好者的框架,提供最小化的语法、自动 gzip 压缩和多CSS文件合并功能,以及可以修复跨浏览器支持问题等。

7、Switch CSS
Switch 是一个全功能的稳定的 CSS 预处理器,基于 Apache 和 mod_python 运行,提供了命令行处理工具。

8、CSS Preprocessor
CSS Preprocessor 采用 PHP5 编写,包含预处理器的常见功能,也支持 CSS 表达式,如:margin-left: (200px * 3/2 – 10px);

9、DtCSS
DtCSS 是一个 PHP 脚本,用来对 CSS 文件进行预处理。DtCSS 可通过扩展 CSS 的特性来加速 CSS 编码。例如嵌套选择器、颜色混合等等。DtCSS 读取 CSS 文件并对特殊语法进行处理,然后输出标准 CSS。DtCSS 包含一个智能的缓存系统。

10、CSS PP
目前还是 alpha 版本状态,支持 PHP、Python 和 Ruby。

英文原文:http://smashinghub.com/css-accelerating-development-time.htm
声明:本文内容来源自网络,文字、图片等素材版权属于原作者,平台转载素材出于传递更多信息,文章内容仅供参考与学习,切勿作为商业目的使用。如果侵害了您的合法权益,请您及时与我们联系,我们会在第一时间进行处理!我们尊重版权,也致力于保护版权,站搜网感谢您的分享!