less學習一

牛坤發表於2018-08-21

Less 是一門 CSS 預處理語言,它擴充套件了 CSS 語言,增加了變數、Mixin、函式等特性,使 CSS 更易維護和擴充套件。

Less 可以執行在 Node 或瀏覽器端。

less檔案只有被編譯後才能被瀏覽器識別和使用

less編譯工具:1. Koala :國人開發的less全平臺編譯工具  網址:http://koala-app.com/

        2. Winless : windows下的less編譯工具  網址:http://winless.org

        3. Codekit : Mac下的less編譯工具 網址:http://incident57.com/codekit/index.com

客戶端除錯方式:1. 首先引用less檔案 ,使用link標籤引用,然後將rel屬性值設為rel=“stylesheet/less”;

        2. 然後引用less.js,引用方式與普通js檔案一樣,但一定要放在less樣式之後

註釋方式:1.  //  在 less檔案中可以看到,但在編譯後的css檔案中看不到

     2. /**/  在less與css檔案中均可看到

相關文章