為什么使用sass

-------------------------------------------------------------------------------筆記摘自極客學(xué)院--------------------------------------------------------------

個(gè)人理解,在大型項(xiàng)目中,為了方便一次性修改大量的重復(fù)性代碼

通俗的說(shuō),“CSS 預(yù)處理器用一種專門的編程語(yǔ)言,進(jìn)行 Web 頁(yè)面樣式設(shè)計(jì),然后再編譯成正常的 CSS 文件,以供項(xiàng)目使用。

Sass 和 SCSS 其實(shí)是同一種東西,我們平時(shí)都稱之為 Sass,兩者之間不同之處有以下兩點(diǎn):

1、文件擴(kuò)展名不同,Sass 是以“.sass”后綴為擴(kuò)展名,而 SCSS 是以“.scss”后綴為擴(kuò)展名

2、語(yǔ)法書(shū)寫方式不同,Sass 是以嚴(yán)格的縮進(jìn)式語(yǔ)法規(guī)則來(lái)書(shū)寫,不帶大括號(hào)({})和分號(hào)(;),而 SCSS 的語(yǔ)法書(shū)寫和我們的 CSS 語(yǔ)法書(shū)寫方式非常類似。

安裝sass(windows篇章)

首先安裝ruby環(huán)境,只提醒一下記得勾選否則自己要配置環(huán)境變量

然后打開(kāi)ruby控制面板

安裝ruby有好幾種方法,可自行百度,我試了好久都不行后來(lái)在極客學(xué)院看到本地安裝的方法才解決,推薦這種方法

sass命令可自行百度:大概就是單一文件和多文件兩類

sass檢查更新、sass卸載(http://www.imooc.com/learn/311)括號(hào)是極客學(xué)院學(xué)習(xí)資料

-------------------------------------------------------------------------------------------------------

什么時(shí)候聲明變量?

我的建議,創(chuàng)建變量只適用于感覺(jué)確有必要的情況下。不要為了某些駭客行為而聲明新變量,這絲毫沒(méi)有作用。只有滿足所有下述標(biāo)準(zhǔn)時(shí)方可創(chuàng)建新變量:

該值至少重復(fù)出現(xiàn)了兩次;

該值至少可能會(huì)被更新一次;

該值所有的表現(xiàn)都與變量有關(guān)(非巧合)。

基本上,沒(méi)有理由聲明一個(gè)永遠(yuǎn)不需要更新或者只在單一地方使用變量。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容