CSS 可以做很多事情,但开发者更习惯的是变量、常量和一般的更快速的语法,而 CSS 本身是不支持的。本文介绍了 10 个 CSS 预处理器,让 CSS 支持一些简单的编程语法,使Web开发更高效。 1、Compass Compass 是一个开源的 CSS 制作框架。针对个人框架开发时,其非常简单、易用。 2、CSS Cacheer 这是一个很棒的 CSS 预处理器,可以让开发者制作插件,要求 ...
CSS 可以做很多事情,但开发者更习惯的是变量、常量和一般的更快速的语法,而 CSS 本身是不支持的。本文介绍了 10 个 CSS 预处理器,让 CSS 支持一些简单的编程语法,使Web开发更高效。
1、Compass
Compass 是一个开源的 CSS 制作框架。针对个人框架开发时,其非常简单、易用。
![](/uploadfile/UploadFile/201109/adminso_443201109201036111.png)
2、CSS Cacheer
这是一个很棒的 CSS 预处理器,可以让开发者制作插件,要求 PHP 以及 Apache (mod_deflate 和 mod_rewrite)。
![](/uploadfile/UploadFile/201109/adminso_443201109201036112.png)
3、CSScaffold
CSScaffold是一款帮助CSS开发者快速进行开发的框架,使用PHP编写。不同于许多CSS框架,它必须依靠PHP与Apache的mod_rewrite来执行,但也因为这两种东西,让CSScaffold变得很神奇、很方便,写起CSS来又快又轻松!
![](/uploadfile/UploadFile/201109/adminso_443201109201036113.jpg)
4、Sass
Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等特性。Sass 可以生成良好格式化的 CSS 代码,易于组织和维护。
![](/uploadfile/UploadFile/201109/adminso_443201109201036114.png)
5、Less CSS
Less CSS 是一个使用广泛的 CSS 预处理器,通过简单的语法和变量对 CSS 进行扩展,可减少很多 CSS 的代码量。
![](/uploadfile/UploadFile/201109/adminso_443201109201036115.png)
6、Turbine
这是 PHP 爱好者的框架,提供最小化的语法、自动 gzip 压缩和多CSS文件合并功能,以及可以修复跨浏览器支持问题等。
![](/uploadfile/UploadFile/201109/adminso_443201109201036116.png)
7、Switch CSS
Switch 是一个全功能的稳定的 CSS 预处理器,基于 Apache 和 mod_python 运行,提供了命令行处理工具。
![](/uploadfile/UploadFile/201109/adminso_443201109201036117.png)
8、CSS Preprocessor
CSS Preprocessor 采用 PHP5 编写,包含预处理器的常见功能,也支持 CSS 表达式,如:margin-left: (200px * 3/2 – 10px);
![](/uploadfile/UploadFile/201109/adminso_443201109201036118.png)
9、DtCSS
DtCSS 是一个 PHP 脚本,用来对 CSS 文件进行预处理。DtCSS 可通过扩展 CSS 的特性来加速 CSS 编码。例如嵌套选择器、颜色混合等等。DtCSS 读取 CSS 文件并对特殊语法进行处理,然后输出标准 CSS。DtCSS 包含一个智能的缓存系统。
![](/uploadfile/UploadFile/201109/adminso_443201109201036119.png)
10、CSS PP
目前还是 alpha 版本状态,支持 PHP、Python 和 Ruby。
![](/uploadfile/UploadFile/201109/adminso_4432011092010361110.png)
英文原文:http://smashinghub.com/css-accelerating-development-time.htm
声明:本文内容来源自网络,文字、图片等素材版权属于原作者,平台转载素材出于传递更多信息,文章内容仅供参考与学习,切勿作为商业目的使用。如果侵害了您的合法权益,请您及时与我们联系,我们会在第一时间进行处理!我们尊重版权,也致力于保护版权,站搜网感谢您的分享!