less學習筆記

2022-08-25 16:30:28 字數 452 閱讀 5355

less是一種動態樣式語言,

less 將 css 賦予了動態語言的特性,如變數, 繼承,運算, 函式. less 既可以在 客戶端 上執行 (支援ie 6+, webkit, firefox),也可以借助node.js或者rhino在服務端執行。

, 非常好用

一、變數

必須先定義,再使用

@bg-default:#707070;

.topbar {

background: @bg-default;

二、巢狀

.list {

width: 800px;

margin: 30px auto;

li {

height: 30px;

line-height: 30px;

background-color: pink;

參考文章:

Less學習筆記

less類似於jquery,是乙個庫。是一種動態樣式語言,屬於css預處理語言的一種,它使用類似css的語法,為css賦予了動態語言的特性,如變數 繼承 運算 函式等,更方便css的編寫和維護。1 混合變數例如 border 如果.div也想用這個樣式直接寫 複製 div 複製 2 變數沒帶值 bo...

Less學習筆記

less類似於jquery,是乙個庫。是一種動態樣式語言,屬於css預處理語言的一種,它使用類似css的語法,為css賦予了動態語言的特性,如變數 繼承 運算 函式等,更方便css的編寫和維護。1 混合變數例如 border 如果.div也想用這個樣式直接寫 複製 div 複製 2 變數沒帶值 bo...

學習筆記 Less

less is more than css 少即是多,比css 什麼是less?nodejs庫 瀏覽器端使用 koala的基本使用less的注釋 內容是被編譯的,保留進.css檔案中 內容不被編譯,不出現在.css檔案中 宣告變數,以 開頭,如 變數名 值 w 500px h 300px box不帶...