less

一、less的概述

Less：全称 Leaner Style Sheets
        是一门向后兼容的Css预处理语言，让Css具有动态性。
        Less扩充了Css语言，增加了变量、混合、函数等功能。让Css方便制作主题、扩充。
    Less既可以运行在 客户端 ，也可以借助Node.js在 服务端 运行。
    因为Less和Css非常相似，所以很容易进行学习。

二、使用方法

1.准备Less.js文件，该文件是用Js的代码逻辑来解析style标签中的less代码。
    可以在 1. 处进行下载本地文件。也可以使用下列CDN的方法进行引入。
    <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.3/less.min.js"></script>

2.使用less的规则进行编写
    <style type='text/less'>less代码</style>

3.使用koala编译less文件(可以在 2. 处进行下载)

三、VsCode使用less

在VsCode中下载 Easy Less 插件可以更方便的将less文件自动转成css文件。

直接创建xxx.less文件进行编写，会在保存less文件的同级位置自动生成相同名称的css文件。

1.需要下载的文件：less.min.js
2.less转css编译器考拉：koala
3.less的中文官网：less手册