Sass學習筆記

1、Css預處理器定義了一種新的語言將Css做爲目標生成文件,而後開發者就只要使用這種語言進行編碼工做。預處理器一般能夠實現瀏覽器的兼容,變量,結構體等功能,代碼更加簡潔易於維護。

目前比較流行的是Sass和Less,其餘還有Stylus、Dtcss等,LESS CSS 是個強大的工具,他彌補了CSS沒有變量,沒法運算的一些「先天缺憾」。

2、爲何使用Sass?

1.使用變量;

2.自動轉換RGBA顏色值;

3.忘記瀏覽器前綴;

4.嵌套規則;

5.media query更簡單;

6.自動壓縮Css。

3、sass與compass:

compass是sass的工具庫。在Sass的基礎上封裝了一些有用的模板和模塊,補充sass的功能,compass與sass的關係相似於JQuery與JavaScript的關係

4、sass與compass能作什麼:

1.使用變量;

2.自動轉換RGBA顏色值;

3.忘記瀏覽器前綴;

4.嵌套規則;

5.media query更簡單;

6.自動壓縮Css。

5、sass與compass的安裝:

依賴ruby,因此要先安裝ruby;在Windows下經過Rubyinstaller來安裝,安裝compass:gem install compass;

gem sources;

相關文章
相關標籤/搜索