-
LESS的注釋?zhuān)?/p>
? /* 內(nèi)容是被編譯的，保留進(jìn).CSS文件中 */
// 內(nèi)容不被編譯，不出現(xiàn)在.CSS文件中
查看全部 -
Less類(lèi)似于Jquery? （是CSS的一個(gè)庫(kù)）
?LESS CSS是一種動(dòng)態(tài)樣式語(yǔ)言，屬于CSS預(yù)處理語(yǔ)言的一種，它類(lèi)似于CSS的語(yǔ)法，為CSS賦予了動(dòng)態(tài)語(yǔ)言的特性，如變量、繼承、運(yùn)算、函數(shù)等，更方便CSS編寫(xiě)和維護(hù)
查看全部 -
匹配模式：
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;
}
//注意：@_? 代表的是 編譯后始終默認(rèn)帶上以下的樣式
.triangle(@_，@w：5px，@c：#ccc){
?????width: 0;
????height: 0;
????overflow: hidden;
}
.sanjiao{
????.triangle(top, 50px);
}
查看全部 -
注釋的區(qū)別：
/* 會(huì)編譯?*/
// 不會(huì)編譯
查看全部 -
Koala：下載地址http://koala-app.com/index-zh.html
設(shè)置--general--language--中文--ok--重新打開(kāi)
（編譯less文件的小工具）
編譯工具：Koala Node.js庫(kù) ?瀏覽器端
dw cc才可以建立Less
新建less ?聲明文檔頭：@charset "utf-8"
將編寫(xiě)好的less文件拖到Koala中，設(shè)置輸出路徑main.css--執(zhí)行
輸出方式：a、normal：不壓縮? ；? ?b、compress：壓縮
查看全部 -
什么是Less？
類(lèi)似于Jquery
增加了變量 運(yùn)算 函數(shù) 繼承
查看全部 -
less中聲明變量，用@開(kāi)頭，例如：
@變量名：值
使用
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;
}
//注意：@_? 代表的是 編譯后始終默認(rèn)帶上以下的樣式
.triangle(@_，@w：5px，@c：#ccc){
?????width: 0;
????height: 0;
????overflow: hidden;
}
.sanjiao{
????.triangle(top, 50px);
}
查看全部 -
混合 ：帶參數(shù) 、默認(rèn)帶值
查看全部 -
混合 樣式
查看全部 -
less中聲明變量，一定要用@開(kāi)頭，例如：
@變量名：值
查看全部 -
less注釋
1、 /*被編譯*/? ? （css中可看到）
2、// 不被編譯? ?（css中不可看到）
查看全部 -
1、koala編譯工具：將less文件轉(zhuǎn)換為css文件；
? ? ?輸出方式：a、normal：不壓縮? ；? ?b、compress：壓縮
2、.less文件中聲明文檔頭：@charset "utf-8"。
查看全部 -
// less注釋
?/**/ ?css注釋
查看全部 -
混合即聯(lián)合
查看全部
舉報(bào)