css 箭头_CSS系列之 ----> Less

什么Less呢 ？

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展，并且帮助我们自定义，管理和重用网页的样式表。

Less是一种开源语言，也是跨浏览器兼容的语言、可以运行在 Node 或浏览器端。

先来看看Less是怎么写的吧。下面是常规的写法和Less的写法，是不是感觉层次更加的鲜明，清晰呢。

代码结构

常规写法

Less

当然Less不能直接引入使用，得经过编译后转成CSS文件在直接引入。

安装Less

官网是真的吓人，根本看不懂，说说我自己的方法吧！需要下载node.js,为啥要node呢，因为里面安装好了npm包管理工具,在安装一个Git,当然不使用Git也可以，用cmd也可以，这个大家都懂，就不多说了。安装node和git都是一路next，直接通关。

怎么使用呢 ？

打开项目的根目录。然后右键 --> 会出现Git Bash Here,然后戳他。

然后就照着官网的开始敲代码

1：安装 npm install -g less

2：编辑Less lessc styles.less > styles.css

第二步说明：箭头加不加都可以。然后html代码中引入编译好的CSS文件就可以了。看一下效果！是不是很炫酷，快试试吧！