|HTML less怎么使用？

文章图片

文章图片

上节课我们已经学习了媒体查询的基本格式，这节课我们就来说说， less样式：
1.less和css的区别：Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展
2.Less怎么使用？第一步，首先创建less格式的文件。与创建css样式的方法一样。
第二步，声明变量，方法：@变量名：设置的格式；

第三步，使用声明的变量。方法：属性名：@变量名

第三步，编译。在vscode中进行下载如下的软件：

3.less使用与css不同之处：
1）我们通过在写子元素的时候是通过中间加空格的形式写，而用less ，直接写在父元素内部即可：

2）less可以直接进行逻辑运算：

【|HTML less怎么使用？】关于rem布局基本上已经讲解完成了，接下来我们会继续讲解响应式布局的操作方法，包括和前面说的布局的区别等等。