当前位置:Gxlcms > html代码 > 初步认识LESS_html/css_WEB-ITnose

初步认识LESS_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:4人阅读

前几天讲过SASS,作为前端开发,想让css编程化,还可以选择LESS。拥有css基础的学员,想要学习LESS和SASS,都是轻而易举的事情。SASS我已经介绍过了,这里我再带大家初步认识一下LESS。

其实LESS跟SASS有很多一样的地方,其最大的特点就是可以将CSS编程化,不再是单纯的描述型语言,而是可以加入很多逻辑的算法在里面。让CSS的编写拥有更大的乐趣,而不再是枯燥无味的重复相同的工作。

LESS 提供了多种方式能平滑的将写好的代码转化成标准 CSS 代码,在很多流行的框架和工具盒中已经能经常看到 LESS 的身影了,例如 Twitter 提供的 bootstrap 库就使用了 LESS。总的来说LESS其实还是受SASS的影响进行开发的,但它们俩有一点不同,SASS是用ruby写的,而less是用javascript写的。由于LESS也是属于CSS,用于编写CSS代码,所以LESS延用了CSS的语法,用括号来包含其代码。LESS 可以直接在客户端使用,也可以在服务器端使用。在实际项目开发中,我更推荐使用第三种方式,将 LESS 文件编译生成静态 CSS 文件,并在 HTML 文档中应用。

客户端使用

客户端使用的方法非常简单,直接将LESS的源文件引入网页即可,但是需要引入less.js的编译文件。如下: