less簡單筆記

2021-08-05 21:58:28 字數 974 閱讀 4849

less是一種動態樣式語言,屬於css預處理器的範疇,它擴充套件了 css 語言,增加了變數、mixin、函式等特性,使 css 更易維護和擴充套件

less的中文官網:

bootstrap中關於less的介紹

以//開頭的注釋,不會被編譯到css檔案中  

以/**/包裹的注釋會被編譯到css檔案中

使用@來申明乙個變數:@w:width; 在使用這些定義的變數的使用,必須使用{}來將其包起來。

例如:@:200px;

- 1.作為普通屬性值來使用:直接使用@w width:@w;

- 2.作為選擇器和屬性名:#@的形式

- 3.作為url:@

- 4.變數的延遲載入: (在less檔案中,乙個{}就表示乙個作用域,當作用域執行完之後變數才生效)

混合就是將一系列屬性從乙個規則集引入到另乙個規則集的方式
- 1.普通混合

- 2.不帶輸出的混合 (將定義不輸出的名字,帶上括號,表示不會將編譯內容顯示在css上)

- 3.帶引數的混合(傳遞多個引數時使用逗號隔開,在呼叫時使用分號隔開)

- 4.帶引數並且有預設值的混合

- 5.帶多個引數的混合

- 6.命名引數

- 7.匹配模式

- 8.arguments變數

- 9.@_ :表示預設為每乙個選擇器都載入這個樣式。(不必呼叫,自動載入)

在less中可以進行加減乘除的運算

如果使用引用的less方式來編譯less檔案,必須將less檔案放在樣式的後面載入,因為他是通過正規表示式來匹配樣式的。這樣做會消耗瀏覽器的資源,因為不推薦這麼做。
這裡使用a的偽類來實現1物理畫素的。

.onepx(@_)

}.onepx(top)

#text

簡單筆記(四)

第二章 型別 運算子與表示式 10.11.25 2.1 變數名 對變數與符號常量的名字存在著一些限制。名字有字幕 與數字組成,但其第乙個字元必須為字母。下劃線 也 被看做是字母,它有時可用於命名比較長的變數以提高 可讀性。由於庫函式通常使用下劃線開頭的名字,因此 不要將這類名字用作變數名。大寫字母與...

UIApplication 簡單筆記

如何取得?很簡單 copy 下面的 code 就好,不會有第二種寫法,也完全不用考量什麼 記憶體管理。2 push notification iphone 3.0 新增的功能,用來唬爛可以滿足部分多工需求的功能。好啦,是真的還不錯 是的!搖晃時 undo 我們都知道 iphone 可以知道自己在旋轉...

LBFGS 簡單筆記

52nlp上無約術最優化的文章 後面提到了乙個無約束最優化的c 實現 sample lbfgs.c lm 計算原函式和梯度fx g d g 計算xnorm,gnorm 判定gnorm xnorm 是否滿足條件 計算step 1 sqrt d d k 1,end 0 進入for迴圈 計算xnorm,g...