Less是一門動態(tài)樣式語言,它能讓你用更少的代碼寫出更簡潔的CSS。Less不僅僅是一個框架,而是一個預處理器,是CSS的一種擴展,增加了許多CSS所沒有的功能.
//Less代碼示例 @base-color: #007FFF; #header { color: @base-color; font-size: 20px; } .tab { &.active { background-color: @base-color; color: #fff; } }
在Less中可以定義變量,有時我們會需要使用到多次的顏色或者數(shù)值,如果每一次都硬編碼這些值,會導致代碼的可維護性大大降低。通過使用變量,我們就可以在需要用到的地方引用這些值,大大簡化了代碼,提高了可維護性。
除此之外,Less還支持嵌套規(guī)則和選擇器,可以使得代碼更加清晰易讀。同時,還可以使用Mixin,它是將一系列屬性放在一起,方便復用,這樣可以讓代碼變得更加簡潔,并且可以讓你快速地調(diào)整元素樣式。
//Mixin代碼示例 .border-radius(@radius) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } .box { .border-radius(10px); background-color: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }
總而言之,Less可以讓樣式代碼變得更加簡潔,易于維護,同時帶來更多的功能擴展,這使得開發(fā)人員可以更加專注于業(yè)務邏輯的實現(xiàn),而不是為了實現(xiàn)樣式而一遍又一遍地寫冗長的CSS。
上一篇mysql5.7下載地址
下一篇li css橫向排列