炫意html5
最早CSS3和HTML5移动技术网站之一

CSS编译器,哪个最令你倾心?

顾名思义,CSS编译器就是把用另一种语法写成的样式代码编译成标准CSS代码的程序。时至今日,可能还有不少铁杆儿CSSer拒绝使用这些“额外”的工具,反感这些“语法糖”般的包装。

但不可否认的是,一方面CSS标准语法本身确实存在诸多先天不足(比如不支持代码层面的重用、嵌套和继承),另一方面各浏览器对CSS的实现也存在各种不兼容性(只消想想那些浏览器前缀)。这些都是催生下面这些CSS编译器的内在动力。就跟使用大多数语言的框架和库一样,只要多一点点耐心,稍微花一点点时间,你就能发现它们各自的美,就可以轻松地拥抱这些技术创新,享受到它给你的工作带来的效率和乐趣。

Sass

网址:http://sass-lang.com/
许可:MIT license
作者: Hampton Catlin, Nathan Weizenbaum, Chris Eppstein等  
用法:客户端(安装Ruby、安装Gems、编译)和服务器端(作为Rubby等插件)
特性:变量、嵌套、(参数化)混入、选择符继承

less

网址:http://lesscss.org
许可:Apache License
作者:Alexis Sellier(http://cloudhead.io/)
用法:客户端(下载包含less.js,把.less样式表写在脚本之前;命令行方式)和服务器端
特性:变量、(参数化)混入、选择符嵌套、运算

HSS

网址:http://ncannasse.fr/projects/hss
许可:未查明
作者:Nicolas Cannasse
用法:下载编译器HSS.exe,命令行编译
特性:属性变量、块变量、块嵌套、运算、CSS验证、Hack

xCSS

网址:http://xcss.antpaw.org/
许可:MIT License
作者:Anton Pawlik
用法:在线编译
特性:选择符继承、选择符嵌套、变量、多文件

CleverCSS

网址:http://sandbox.pocoo.org/clevercss/
许可:GNU GPL
作者:Armin Ronache
用法:使用Python编译
特性:嵌套、引用父选择符、运算等

转自:http://www.ituring.com.cn/article/411

炫意HTML5 » CSS编译器,哪个最令你倾心?

(adsbygoogle = window.adsbygoogle || []).push({});
分享到:更多 ()

CSS3教程HTML5教程