注:本文为翻译文章,因翻译水平有限,难免有缺漏不足之处,可查看原文

  我们知道写css代码是非常枯燥的,尤其是写重复颜色、样式的代码,这需要我们付出很多努力来保持css代码可维护,但是它本不应该是这样的。

  很幸运地是,web开发社区已经解决了这个问题,我们在现在已经有了类似与less、sass和stylus这样的预处理器。它们有很多优于一般的css之处,如下所示:

  • 变量---以至于我们可以在样式表中定义和轻松地改变值。

  • 动态计算值。在css中我们有calc。

  • Mixins---使得我们重用和结合样式。它甚至还支持传递参数。

  • 函数---它给我们大量方便的功能来操作颜色、转换图片等等。

  不足之处在于如果你使用他们其中的一种预编译器,你需要把它编译成普通的css这样他才能在你的浏览器中工作。

 

第一部分:Getting Started

  Less 它需要Node.js或者一个web 浏览器来运行。你也可以在你的站点引用less.js,这样它就可以实时地编译所有的.less样式表,但是这是很慢的,并且我们不推荐。推荐的方式是提前编译你的less样式表成为.css文件来使用。有很多免费的地方可以帮你编译less文件,但是在这篇文章中我将使用node.js。

网友评论