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