Less用法注意事项

(1)引入顺序

    引入你的 .less 样式文件的时候要设置 rel 属性值为 “stylesheet/less”:

<link rel="stylesheet/less" type="text/css" href="styles.less">

    然后点击页面顶部download按钮下载 less.js, 在<head> 中引入:

<script src="less.js" type="text/javascript"></script>

    注意你的less样式文件一定要在引入less.js前先引入。
    备注:请在服务器环境下使用!本地直接打开可能会报错!

(2)简介

   Less is More, Than CSS - 少即是多,比如CSS。

    Less 是一门 CSS 预处理语言。

    Less 是一种由Alexis Sellier设计的动态层叠样式表语言,受Sass所影响,同时也影响了Sass的新语法:SCSS。

    LESS是开源的,其第一个版本由Ruby写成,但在后续的版本当中,Ruby逐渐被替换为JavaScript。受益于JavaScript,LESS可以在客户端上运行(IE6+、Webkit、Firefox),也可以在服务端运行(Node.js、Rhino)。

    在语法方面,LESS与CSS较为接近,一个合法的CSS代码段本身也是一段合法的LESS代码段。LESS提供变量、嵌套、混合(mixin)、操作符、函数等一般编程所需的抽象机制。

.

猜你喜欢

转载自www.cnblogs.com/jianxian/p/10667054.html