1. 程式人生 > >Less學習筆記(未完待續)

Less學習筆記(未完待續)

mixin ont span 變量 add gpo 屬性 class 實現

作為 CSS 的一種擴展,Less 不僅完全兼容 CSS 語法,而且連新增的特性也是使用 CSS 語法。這樣的設計使得學習 Less 很輕松,而且你可以在任何時候回退到 CSS(摘自官網)

1.變量

Less通過@來定義變量;Less中的變量為完全的常量,所以只能被定義一次

  @base: #f938ab;  

  div {
    background: @base;
    padding: 50px;
  }
  p {
    color: #ff0;
  }

2.混合(Mixin)

混合可以將一個定義好的class A輕松的引入到另一個class B中,從而簡單實現class B繼承 class A中的所有屬性。我們還可以帶參數地調用,就像使用函數一樣。

Less學習筆記(未完待續)