-
LESS的注释：
/* 内容是被编译的，保留进.CSS文件中 */
// 内容不被编译，不出现在.CSS文件中
查看全部 -
Less类似于Jquery （是CSS的一个库）
LESS CSS是一种动态样式语言，属于CSS预处理语言的一种，它类似于CSS的语法，为CSS赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS编写和维护
查看全部 -
匹配模式：
1、css三角（兼容ie低版本）：
.sanjiao{
width: 0;
height: 0;
overflow: hidden;
border-width: 10px;
border-color: transparent transparent red transparent;
border-style: dashed dashed solid dashed;
}
2、less三角(下三角)
.triangle(bottom，@w：5px，@c：#ccc){
border-width: @w;
border-color: @c transparent transparent transparent;
border-style: solid dashed dashed dashed;
}
//注意：@_ 代表的是 编译后始终默认带上以下的样式
.triangle(@_，@w：5px，@c：#ccc){
width: 0;
height: 0;
overflow: hidden;
}
.sanjiao{
.triangle(top, 50px);
}
查看全部 -
注释的区别：
/* 会编译 */
// 不会编译
查看全部 -
Koala：下载地址http://koala-app.com/index-zh.html
设置--general--language--中文--ok--重新打开
（编译less文件的小工具）
编译工具：Koala Node.js库 浏览器端
dw cc才可以建立Less
新建less 声明文档头：@charset "utf-8"
将编写好的less文件拖到Koala中，设置输出路径main.css--执行
输出方式：a、normal：不压缩 ； b、compress：压缩
查看全部 -
什么是Less？
类似于Jquery
增加了变量 运算 函数 继承
查看全部 -
less中声明变量，用@开头，例如：
@变量名：值
使用
height:@变量名;
查看全部 -
匹配模式：
1、css三角（兼容ie低版本）：
.sanjiao{
width: 0;
height: 0;
overflow: hidden;
border-width: 10px;
border-color: transparent transparent red transparent;
border-style: dashed dashed solid dashed;
}
2、less三角(下三角)
.triangle(bottom，@w：5px，@c：#ccc){
border-width: @w;
border-color: @c transparent transparent transparent;
border-style: solid dashed dashed dashed;
}
//注意：@_ 代表的是 编译后始终默认带上以下的样式
.triangle(@_，@w：5px，@c：#ccc){
width: 0;
height: 0;
overflow: hidden;
}
.sanjiao{
.triangle(top, 50px);
}
查看全部 -
混合 ：带参数 、默认带值
查看全部 -
混合 样式
查看全部 -
less中声明变量，一定要用@开头，例如：
@变量名：值
查看全部 -
less注释
1、 /*被编译*/ （css中可看到）
2、// 不被编译 （css中不可看到）
查看全部 -
1、koala编译工具：将less文件转换为css文件；
输出方式：a、normal：不压缩 ； b、compress：压缩
2、.less文件中声明文档头：@charset "utf-8"。
查看全部 -
// less注释
/**/ css注释
查看全部 -
混合即联合
查看全部
举报