我們努力,我們堅持,共勉!
眾所周知,css其實不是一門編程語言,熟悉的人都知道css全稱Cascading Style Sheets(層疊樣式表)是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集)等文件樣式的計算機(jī)語言。我們用它來實現(xiàn)表現(xiàn)層和結(jié)構(gòu)層的分離,也就是html和樣式的分離。你可以用它為網(wǎng)頁制定樣式,但是他無法像JavaScript一樣聲明變量,調(diào)用函數(shù),使用條件語句,可以說JavaScript是靈活的,動態(tài)的,而css是死板的,一成不變的。
所以,有人想要為其加入編程的思想,讓他擁有遍歷,擁有方法,甚至擁有繼承,能夠告訴你語法上的錯誤,所以有了css預(yù)處理,它的思想是先用一門新的專門編程的語言來設(shè)計網(wǎng)頁樣式,再編譯成css,其實最后引用的仍舊是編譯出來的css。
說到css預(yù)處理,可能大部分人首先想到的是Less?,F(xiàn)在做css預(yù)處理的語言比較優(yōu)秀的Less是其一:它快速方便入門簡單,sass是其二:相對來說說它更加靈活,語法更多(尤其是if,else,for),當(dāng)然好多人不使用的原因是嫌棄它安裝不方便(還好有淘寶鏡像),其三是Stylus:他與sass比較類似都是更加靈活強(qiáng)大。這里因為我比較喜愛Sass并且相信它不會那么快死去,所以對sass做一個簡單介紹。
想好什么時候我們可以使用css預(yù)處理
誠然,css預(yù)處理讓我們對樣式的處理更加編程化,但是我們?nèi)孕枰紤]好在怎樣的環(huán)境中使用它,因為我們知道,無論你的sass代碼多么炫酷,邏輯多么縝密,到最后都是生成了一個css文件(老前輩對年輕的我的教誨)。
所以我們需要根據(jù)項目的大小以及開發(fā)時間團(tuán)隊成本來確定,如果項目比較小需要的css并不是太多并且開發(fā)時間緊迫團(tuán)隊里很多人還不會使用,那么可能使用原生的css可能會更好一些。
sass基礎(chǔ)
安裝~
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26