30天了解30种技术系列---(5)新型CSS框架-Less

上期我们介绍了Web开发利器，WebStorm。本期我们来进行新型CSS框架-LESS的介绍。

 

什么是LESS

 

p.s:需要各位了解CSS

 

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。

Less 可以运行在 Node、浏览器和 Rhino 平台上。

以下为LESS与CSS的对比:

 

LESS安装

 

npm install -g less

安装后可使用LESS编辑器，如下

$ lessc styles.less

 

使用实例

 

扩展函数：

 

Node.js中编译

 

lessc example/example.less example/example.css

 

是不是有种CSS还可以这样写的感觉？

 

更多精彩内容请关注 订阅号:图灵搜索，一个只为程序员的知识库服务