如何使用sass

2021-09-28 12:30:38 字數 530 閱讀 2758

sass 是一門高於 css 的元語言,它能用來清晰地、結構化地描述檔案樣式,有著比普通 css 更加強大的功能。

sass 能夠提供更簡潔、更優雅的語法,同時提供多種功能來建立可維護和管理的樣式表。

sass 和 scss 其實是同一種東西,我們平時都稱之為 sass,兩者之間不同之處有以下兩點:

副檔名不同,sass 是以「.sass」字尾為副檔名,而 scss 是以「.scss」字尾為副檔名

語法書寫方式不同,sass 是以嚴格的縮排式語法規則來書寫,不帶大括號({})和分號(?,而 scss 的語法書寫和我們的 css 語法書寫方式非常類似。

1.安裝環境ruby

2.開啟的ruby 的 command 控制面板命令終端,輸入下面的命令:

gem install sass

因為 sass 開發之後,要讓 web 頁面能呼叫 sass 寫好的東西,就得有這麼乙個過程,這個過程就稱之為 sass 編譯過程。sass 的編譯有多種方法:

具體語法及使用見sass中文文件

sass中文文件

如何安裝Sass

sass基於ruby語言開發而成,因此安裝sass前需要安裝ruby。注 mac下自帶ruby無需在安裝ruby 安裝完成後需測試安裝有沒有成功,執行cmd輸入以下命令 ruby v 如安裝成功會列印 ruby 2.2 2p95 2015 04 13 revision 50295 i386 ming...

如何安裝Sass

sass基於ruby語言開發而成,因此安裝sass前需要安裝ruby。注 mac下自帶ruby無需在安裝ruby 安裝完成後需測試安裝有沒有成功,執行cmd輸入以下命令 ruby v 如安裝成功會列印 ruby 2.2.2p95 2015 04 13 revision 50295 i386 ming...

sass使用指南

sass和less一樣都是css預處理器,sass 有兩種語法,副檔名分別為.sass和.scss 具體的區別可以看我分享的另外一篇文章gulp在工作中的應用這個需要先安裝ruby然後再安裝sass,然後根據其提供的命令來編譯sass,具體例子可以參考鏈結1和鏈結2,但是我使用gulp sass來編...