less學習筆記

less是一種動態樣式語言,html

  LESS 將 CSS 賦予了動態語言的特性,如 變量, 繼承,運算, 函數. LESS 既能夠在 客戶端 上運行 (支持IE 6+, Webkit, Firefox),也能夠藉助Node.js或者Rhino在服務端運行。前端

  我編譯less就是用了一款前端預處理器語言圖形編譯工具----koala, 很是好用app

 

1、變量less

必須先定義,再使用koa

@bg-default:#707070;函數

.topBar {工具

  background: @bg-default;spa

}htm

2、嵌套blog

.list {

  width: 800px;

  margin: 30px auto;

  li {

    height: 30px;

    line-height: 30px;

    background-color: pink;

  }

}

參考文章:http://www.cnblogs.com/haoyijing/p/5793788.html

相關文章
相關標籤/搜索