lees入门

2024-09-06 06:19:23

安装

1 下载EasyLess插件

2 新建less文件，输入less语句，保存，就会在同级目录下生成同名的css文件

3 在HTML页面导入

<link rel="stylesheet" href="../less/a.css">

4 Less示例

@w:50px;
div{
    width:@w;
    height: @w;
    background-color: red;
}

5 生成的CSS

div {
  width: 50px;
  height: 50px;
  background-color: red;
}

与Sass的区别：

Less是基于JavaScript的，在客户端处理；Sass是基于ruby的，在服务器端处理
对于变量，Less使用@，Sass使用$
Less没有输出设置，Sass提供4种输出选项：nested, compact, compressed 和 expanded。
Sass支持条件语句，可以使用if else,for循环等等，而Less不支持。

最新文章

热门文章