weixin_46682277的博客

导入less文件：第一种方法：直接将所有的.less文件编译成的.css文件全部link引入到html中，但比较麻烦。第二种方法：在less文件中书写代码：语法：@import “文件路径”;less文件可以省略后缀名@import:"base";@import:"common";在实际工作中，可以把初始化less和公共样式less文件，都导入到首页index.less中，然后把index.less文件生成index.css文件，link引入到html中，比较方便简洁。导出less文件

在less文件中，任何数字、颜色或变量都能参与运算，就是less提供了（+）（-）（*）（/）算术的运算。代码示范：/*是在less文件里写*/@width:10px + 5;div {/*其实就变成了15px的边框*/ border:@width solid skyblue;}/*生成的css文件是这样的*/div { border:15px solid skyblue;}/*甚至还以带小括号，比如说下面这种 和数学中的一样，先算小括号再去相乘*/width:(@width +

Less变量，变量是指没有固定的值，这个值是可变的，在CSS中的一些颜色和数值等会经常使用到。Less变量命名规范：必须有@为前缀变量名不能包含特殊字符变量名不能以数字开头，但可以以数字结尾大小写敏感（变量名@color和@COLOR是两个不同的变量）代码示范// 定义了一个黄绿色的变量@color :yellowgreen;p {// p想要使用这个颜色直接在：后面写上定义的变量名即可 color: @color;}但需要知道的是，html文件是不能引入less文件

Less是一门CSS扩展语言，也称为CSS预处理器。作为CSS的一种形式的扩展，它没有减少CSS的功能，而是在现有CSS语法上，为CSS加入了程序式语言的特性，引入了变量，Mixin（混入），运算和函数等功能，简化了CSS的编写，也降低了CSS的维护成本。Less安装步骤先安装node.js，网址：nodejs.cn；检查是否安装成功，使用cmd命令（win10按window+R键打开），输入cmd，打开后输入“node -v”即可（node后有一个空格）基于nodejs在线安装less，接着使