之前覺得關于css什么的沒什么，后來讓別人給問住了。。。然后就悲催了。。。

sass是一種css的預處理器，是一種函數式的css的編程；

主要還是看官網 http://www.w3cplus.com/sassguide/???? 這個是基于Ruby

1.需要安裝：

可以直接自己去看官網或者看下面我寫的這個安裝步驟（有試過是對的）

（1）如果你的電腦里面沒有安裝rudy 可以直接去看文檔（額。。。好想還是要看官網）

（2）檢測rudy是否安裝好 cmd----rudy -v 看是否出現出版本號

（3）在cmd中gem install sass（gem需要代碼 解決:安裝淘寶rufyGems鏡像 直接這個地址 https://ruby.taobao.org/）

（4）這樣就可以了

2.sass應用

（1）新建文件夾中新建一個xxx.scss（這就是sass的對應的文件）

（2）在xxx.sass中寫入代碼

（3）在cmd中編譯進入文件夾中，執行cmd中sass index.scss index.css（前一個是原來的；后一個是目標的）

注意：在你編譯的時候可能會出現多余的文件，那是在編譯的時候自動生成的

（4）這就好了，然后將index.css引入到index.html中去用就可以了

語法：http://www.w3cplus.com/sassguide/syntax.html

轉載于:https://www.cnblogs.com/GainLoss/p/6016589.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的css的一种预处理器 sass的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。