Less基礎使用

建立less

在less檔案可以引入其他檔案

如果引入檔案時less格式，字尾名可以省略

@import

"aiqi"
;.aiqi

/deep/ p

可以定義變數方便復用

@backgroundcolor

:greenyellow!important;
.aiqi

混合（mixin）是一種將一組屬性，在另外乙個css樣式裡面呼叫即可。

如果作為被引入less檔案中的混入則會失效

.border

.aiqi

less檔案中相對子級標籤的樣式可以直接巢狀在相對父級標籤樣式中

.aiqi

.border()
}

less中樣式屬性值可以進行一定的運算

.aiqi

.border()
}

假設解析樣式為：樣式屬性：（「屬性值」），此時需要在屬性前面加上~做轉義

~轉義

@import

"aiqi"
;.border
@borderradius
:~"50%"
;.aiqi
.border()
}

less內建許多函式（less函式）

percentage函式可以將小數轉化為百分比

@import "aiqi"

;.border
.aiqi
.border()
}

less中也有作用域，（取近不取遠）

@import

"aiqi"
;.border
.aiqi
//此時aiqison寬為100px
}

#colors()

.button

文件鏈結

less基礎語法

less 是一門 css 預處理語言，它擴充了 css 語言，增加了諸如變數 混合 mixin 函式等功能，讓 css 更易維護 方便製作主題 擴充。node 瀏覽器和 rhino 平台都可以。本人使用的則是國人的koala。分為兩種 和 1.此種編譯後不會出現在css檔案中，不編譯 2.這種編譯後...

less使用有感

今天第一次使用了之前學的less，感覺非常棒，寫的時候不斷讓我覺得花費精力去學習這貨是值得的 為什麼我們要使用less？在我們寫css的時候一般是沒有注意到層次結構的，哪怕我們刻意去劃分好乙個乙個頁面，寫到最後就會發現四處引用，亂成麵條一樣，每修改一處還怕別的地方也被改了 less就能解決這個問題，...

less使用小結

一 關於變數 less中的變數要使用 宣告。變數的使用方式 1.作為普通的變數 比如 color red 使用的話就在css中 div2.作為選擇器或屬性名，要用 這種形式 比如有乙個div 定義乙個變數 mydiv width 200px 編譯後css為 width3.作為url 另外，less變...