less介绍

css需要书写大量看似没有逻辑的代码,不凡便维护和拓展,不利于复用。造成这些困难的原因源于css是一门非程序式语言,没有变量,函数,作用域等概念,less/sass为web开发者带来了福音,它在css语法基础之上,引入了变量,混入,运算以及函数等功能,大大简化了css的编写,并且降低了css的维护成本,正如其名,less可以让我们用更少的代码做更多的事情

本质上,less包含一套自定义的语法和一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器编译成对应的css文件。less并没有剪裁css原有的特性,更不是用来取代css的,而是在css语法的基础上,为css加入了程序式语言的特性

less仅仅是写css的另一种方式,less文件不能被浏览器识别,所以我们写完了less文件后需要用less解析器来解析成css,最终浏览器引入的还是css文件

less语法
注释 //       只会在less中显示
注释 /**/   会编译到css文件中显示
变量:
用@符号声明,如@color:black

 混入:

 函数:

 计算

 嵌套,最常用,可折叠

&

导入:
@import 路径

 

posted @ 2020-09-11 13:45  MIKE-CHOW  阅读(200)  评论(0)    收藏  举报