sass為CSS的賦予了動態語言的特性,如變量、繼承、運算、函數等,更方便CSS的編寫和維護!
sass安裝
因為sass依賴于ruby環境,所以裝sass之前先確認裝了ruby。安裝ruby http://www.companysz.com/article/61501.htm
安裝完ruby之后,在開始菜單中,找到剛才我們安裝的ruby,打開Start Command Prompt with Ruby
然后直接在命令行中輸入
按回車鍵確認,等待一段時間就會提示你sass安裝成功。
命令檢測安裝是夠完成:
如果要安裝beta版本的,可以在命令行中輸入
使用sass
SASS文件就是普通的文本文件,里面可以直接使用CSS語法。文件后綴名是.scss,意思為Sassy CSS。
下面的命令,可以在屏幕上顯示.scss文件轉化的css代碼。(假設文件名為test。)
如果要將顯示結果保存成文件,后面再跟一個.css文件名。
SASS提供四個編譯風格的選項:
生產環境當中,一般使用最后一個選項。
你也可以讓SASS監聽某個文件或目錄,一旦源文件有變動,就自動生成編譯后的版本。
新聞熱點
疑難解答
圖片精選