less日常容易忘记的知识记录

2022/3/14

如何使用less标准化我们项目的主题色和字体的尺寸呢？

第一步：在less文件中的设置

第二步：见less文件自动转化为css文件

我们这边可以下载下“Easy LESS” 【vscode的插件】 既可自动将less文件转化为css文件

第三步：在每个页面中引入less转化的css文件即可

在vue中我会在main.js中全局引入下就可以的

-----------------------------------------------------------------------------------------------------------------

Less运算

在css中 ，是并没有提供加减运算的。但是在less中是可以提供的

以下为例  count.less

这里使用到的加减乘除  运算到css文件中  会变为图二这样

 

 使用less运算符的规则

1.我们运算符的左右两侧必须敲一个空格隔开

2.两个数字参与运算，如果只有一个有单位，则最后都结果按照这个唯一的单位为准

3.两个数字参与运算，如果两个数字都有单位，且单位不同的情况下。我们最后结果的单位以第一个单位为准。