SASS詳解之簡介
Sass是什么意思?前端中人很少有不接觸CSS的,那么大多數接觸CSS的人都知道CSS的好用處和不好用處。Sass是編寫的CSS預處理器,有了它,我們可以輕松暢快的編寫CSS了。那么Sass是什么意思?下面將為大家簡單介紹一下,希望能對大家有所幫助。
1、為什么是sass?
Sass是什么意思?sass 雖然是最早的,但是一開始還是不太好用,而且使用縮進作為分隔符,不符合css使用大括號的習慣,所以less以后起之秀的身份輕松贏得了人心,后來 sass借鑒于less的一些思想,改進了自己的設計,并有了scss,然后經過幾個版本的更新,特別版本3.2.0做了些革命性的更新,以使它從其他幾個編譯處理器中脫穎而出。下面的幾個優點讓編程人員不得不對sass愛不釋手哇。
(1)默認變量:sass版本3.0引入了默認變量!default,使變量更好控制。
(2)@content:sass版本3.2.0對mixin進行了補充,以使其可以接受一整塊樣式,大多應用在css3的@media情況下。
(3)占位選擇器%:sass版本3.2.0引入了占位選擇器%,對于不傳遞參數的mixin,以后都可以考慮使用它,因為有兩個優點——不調用就不會產生css;解析的css是以組合方式申明的,而不是mixin的拷貝方式。
(4) 變量參數:sass版本3.2.0對變量參數進行了補充,使其可以設置css3的多個屬性值的參數,如box-shadow,transition它們都可以擁有多個值,并以逗號隔開。而mixin的參數本來就是以逗號分開的,所以這樣一來對css3定義些mixin就會報錯,于是有了變量后面加三個點來表示這個參數是表示可以傳遞多個值的。
2、Sass是什么意思?
Sass是什么意思?Sass 是一種基于ruby編寫的CSS預處理器,誕生于2007年,是最早也是最成熟的一款CSS預處理器語言,它可以使用變量、嵌套、混入、繼承,運算,函數等功能,使得CSS的開發,變得簡單清晰可維護,同時也大大節省了設計者的時間,提高了效率。Sass最后還是會編譯出合法的CSS讓瀏覽器使用,也就是說它本身的語法并不太容易讓瀏覽器識別,因為它不是標準的CSS格式,在它的語法內部可以使用動態變量等,所以它更像一種極簡單的動態語言。
其實現在的Sass已經有了兩套語法規則:一個依舊是用縮進作為分隔符來區分代碼塊的;另一套規則和CSS一樣采用了大括號({})作為分隔符。后一種語法規則又名SCSS,在Sass3之后的版本都支持這種語法規則。我們這里討論的如無特殊說明,全指scss。
Sass的奧妙還有很多,以后將一一為大家揭曉,現在就為大家介紹到這里,希望能對大家有所幫助。
Sass是什么意思?有關Sass的介紹,就先為大家介紹到這里,希望能對大家有一點點的小幫助。