Sass初入

1.安裝

從ruby安裝開始參考

SASS用法指南

ruby安裝好之後參考

安裝Sass

! 找到的淘寶源都無法替換

//2.添加國內淘寶源
gem sources -a https://ruby.taobao.org/

最後用了 gem sources -a https://gems.ruby-china.com/

2.調試

同步調試SASS參考:SASS調試

可以同步監控生成css文件:sass --watch dialogTwo.scss:dialogTwo1.css2.

3.使用體驗

通過修改scss文件的參數,可以方便生成不同分辨率下的不同css文件,使用media結合import可以達到在不同分辨率下引入不同css文件的效果,缺點是如果分辨率種類不多或者頁面樣式簡單完全可以直接替換生成。頁面自適應的情況並不是SASS合適的使用場景,只是作爲體驗試一下可以,自定義函數之類的還是很好用的。

SASS還是更適合做組件庫樣式開發之類的,提前定義好標準大小,標準色系,一些常用的效果樣式封成函數,寫的時候直接調,可以節約時間;也適合組隊合作統一用一個標準

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章