less
浏览文字档案的内容

less命令的作用与more十分相似，都可以用来浏览文字档案的内容，不同的是less命令允许用户向前或向后浏览文件，而more命令只能向前浏览（向后翻）。用less命令显示文件时，用PageUp键向上翻页，用PageDown键向下翻页。要退出less程序，应按Q键。
基本格式如下：
[root@localhost ~]# less [选项] 文件名

在使用 less 命令查看文件内容的过程中，和 more 命令一样，也会进入交互界面，因此需要读者掌握一些常用的交互指令：
交互指令                   功能
/字符串             向下搜索“字符串”的功能。
?字符串             向上搜索“字符串”的功能。
n                  重复*前一个搜索（与 / 成 ? 有关）。
N                  反向重复前一个搜索（与 / 或 ? 有关）。
b                  向上移动一页。
d                  向下移动半页。
h                  或 H 显示帮助界面。
q                  或 Q 退出 less 命令。
y                  向上移动一行。
空格键             向下移动一页。
回车键             向下移动一行。
【PgDn】键         向下移动一页。
【PgUp】键         向上移动一页。
Ctrl+f             向下移动一页。
Ctrl+b             向上移动一页。
Ctrl+d             向下移动一页。
Ctrl+u             向上移动半页。
j                 向下移动一行。
k                 向上移动一行。
G                 移动至最后一行。
g                 移动到第一行。
ZZ                 退出 less 命令。
v                 使用配置的编辑器编辑当前文件。
[                 移动到本文档的上一个节点。
]                 移动到本文档的下一个节点。
p                 移动到同级的上一个节点。
u                 向上移动半页。

例子：



可以看到，less 在屏幕底部显示一个冒号（：），等待用户输入命令，比如说，用户想向下翻一页，可以按空格键；如果想向上翻一页，可以按 b 键。

1.LESS是应用比较广泛的预处理器，
就想JQuery是js的一个框架，
可以把Less理解为相当于是CSS的一个小框架，一个库。


2.Less 是基于JavaScript的，在bootstrap中LESS用的比较多。
3.Bootstrap 的 CSS 文件是通过 Less 源码编译而来的。
Less 是一门预处理语言，支持变量、mixin、函数等额外功能。对于希望使用
 Less 源码而非编译而来的 CSS 文件的用户，
Bootstrap 框架中包含的大量变量、mixin 将非常有价值。
4.Less通过解析器生成CSS。
5.Koala可以将自己写的Less转换成CSS文件。
6.Less定义变量的方法：
@变量:值
如：@color:red
但是如果是图片路径的话，就有点小小的不同了，
如：@myurl:"1.jpg";
使用时：background:url('@{myurl}')
 no-repeat;             (要添加一个花括号{ } 在@ 后面)


7.Less嵌套
&表示自己

8.Less混合

Less：
编译方法：
koala(http://koala-app.com/index-zh.html )
node.js
浏览器端
 
1.变量定义：@变量名:值；
@test1:120px;
 
2.混合：css可以嵌套(可带参数)
.box{

  width: 
@test1;

  height: 
@test1;

  background-color: black;

  .border
}


.border{

  border:solid5px pink;
}
 
参数
.border_02(@width){
  border: solid yellow @width;
}
 
3．匹配模式：
  类似java中的函数。
 
4．运算：
 +-*/
 
5．嵌套规则
.list{
  span{
    float: right;
    color: #ffffff;
  }
  width: 600px;
  margin: 30px auto;
  padding: 0;
  list-style: none;
  li{
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    background-color: #999;
    margin-bottom: 5px;
  }
  a{
    float: left;
    color: #ffffff;
    &:hover{//&代表上一个选择器
      color: red;
    }
  }
}
 
6．@arguments 传全部属性
 
7．避免编译：~’ ’
.test_03 {
  width: calc(300px-30px);
}
 
http://less.bootcss.com/

@import "triangle.less";

// .less可省略
@import "triangle.less";