公共课-Less

less是一门css预处理语言，它扩展了css语言，增加了变量，混合，函数等特性

一、本地less的使用

第一步：创建less文件

第二步：编译less文件 lessc style.less style.css

1、变量的使用

@变量名称: 值;
div{
    属性:@变量名称;
}

二、浏览器环境下使用

第一步：引入less.css文件

<link rel="stylesheet/less" href="css/style.less">

第二步：引入less.js文件

<script src="js/less.js"></script>

不能在本地打开，必须在服务器中打开

第三步：vscode安装live server插件