less框架
less 是一門 css 預處理語言，它擴充了 css 語言，增加了諸如變數、混合（mixin）、函式等功能，讓 css 更易維護、方便製作主題、擴充。
語法
變數 使用@符號開始,@符號後面為變數名，可以自行命名：
@border-color:red;
table
實際上查詢變數的順序是先在區域性定義中找，如果找不到，則查詢上級定義，直至全域性。
例：
@width:20px;
.homediv
}.leftdiv
多重繼承樣式的實現。即在乙個class中引入另外乙個已經定義的class。
.class
.box
.text(@color)
.box1
結構清晰
命名簡單
避免多人開發命名的重複
home
.center
.right
}解析後的結構為
home{}
home .top{}
home .center{}
home .center
.left{}
home .conter
.right{}
@width:200px;
@color:#111111
;.switchcolor
解析後為
.switchcolor
LESS框架應用簡介
less包含一套定義的語法及乙個解析器，使用者根據這些語法定義自己的樣式規則，這些規則最終會通過解析器，編譯生成對應的css檔案。注釋 less中單行注釋 不會被編譯出來 是不能顯示在編譯後的css中，所以如果你的注釋是針對樣式說明的請使用多行注釋 會被編譯出來 變數 宣告這個變數 less中 wo...
less學習 less的混合（mixin）
上篇 less的巢狀規則 本篇我們來講述一下什麼是混合 mixin 混合簡單的理解就是把乙個css規則嵌入到另乙個css規則中，那麼這該怎麼理解學習呢？我們先來看一下乙個簡單的混合 a,b mixin class mixin id 編譯後 a,b mixin class mixin id 從上面的例...
nodeJS之Express框架初步學習
初步學習nodejs的express框架，覺得有必要記錄一下學習過程中遇到的問題和解決的方法，以便加深印象。1.寫了乙個簡單的express框架的demo，在執行的時候，出現了錯誤，找不到express模組。通過查詢和實踐，幾分鐘後解決了這個問題。解決方法是 在當前目錄下執行命令 npm insta...