Less初识

官网地址
less安装

LESS （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。
LESS是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。 LESS是一种动态样式表语言，扩展了CSS的功能。 LESS也是跨浏览器友好。

CSS预处理器是一种脚本语言，可扩展CSS并将其编译为常规CSS语法，以便可以通过Web浏览器读取。 它提供诸如变量，函数， mixins 和操作等功能，可以构建动态CSS。基于css提供了很多扩展，支持预定义，函数等功能，极大的提高了对css的开发效率和可读性。

如何引用

在 Node.js 环境中使用 Less

npm install -g less
lessc styles.less styles.css

在浏览器环境中使用 Less

为了方便，使用第二种方式。由于使用CDN的方式会涉及网络请求问题，网络不好的时候影响使用，所以我把less.min.js给下载了下来，这个时候会有产生一个跨域请求的问题，在vs code里面下载一个插件：live server运行打开即可。

示例

线简单写个小例子，上个手，再系统学习一下~
目录结构：

index.html

    
    
    
    
    
    


    
测试less

index.less

@color: red;

.test {
    color: @color;
}

运行结果