浅谈less
less
定義:less是css擴(kuò)展技術(shù)
引用變量,mixin混合,運(yùn)算,以及函數(shù)
簡(jiǎn)化css代碼,降低css維護(hù)成本
配合使用解析器 kolar
寫(xiě)less的步驟:建立文件夾,然后再建立.html 以及.less的文本
啟動(dòng)kolar
配置路徑 + 找到less文件
寫(xiě)一部分less文件,再在kolar里刷新,此時(shí)kolar會(huì)自動(dòng)生成所命名的less文件。
在.less文件中可以引入文件:@import".less文件"。“.css文件”{less文件可變,
css文件不可變} 注:less文件的后綴可以省略。
1、變量(值可變)
格式:@變量名:具體變量值(變量名盡量取名一致,以便看得懂)
2、ximin/ximinx 混合
值固定:
class .名稱(chēng)自取{ }
ID #名稱(chēng)自取{ }
元素選擇器 div,p,h等
帶參數(shù)的混合(值可變)
格式:.名稱(chēng)(參數(shù)){屬性名:參數(shù) }
例:.backgroundUrl(@url){ backgroundUrl:@url}
不帶參數(shù)的屬性值
.名稱(chēng)(){ 聲明1;聲明2; }
多參數(shù)混合
參數(shù)1,參數(shù)2 .名稱(chēng)(參數(shù)1,參數(shù)2){ }
參數(shù)名稱(chēng)的集合 @arguments
?
轉(zhuǎn)載于:https://www.cnblogs.com/cswzl/p/5883692.html
總結(jié)
- 上一篇: Ubuntu 系统目录结构
- 下一篇: bzoj 4184 shallot 时间