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插件