css+less变量

html-css025

css+less变量,第1张

1.css变量的使用

2.less变量使用：变量+混合+嵌套+循环

webstorm配置less：通过命令npm install -g less先安装less

html内容如下：

less内容如下：

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。

LESS 为 Web 开发者带来了福音，它在 CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了 CSS 的编写，并且降低了 CSS 的维护成本，就像它的名称所说的那样，LESS 可以让我们用更少的代码做更多的事情

“大大简化了 CSS 的编写，并且降低了 CSS 的维护成本，就像它的名称所说的那样，LESS 可以让我们用更少的代码做更多的事情”

把CSS文件的代码直接C到Less文件里，一样可以用，Less编译之后成为了css文件，一般快速开发我都是用Less开发，然后编译Css文件。