CSS：初識SASS

CSS的文檔流介紹。

原帖完整收藏於IT老兵驛站，並會不斷更新。

前言

在過去十幾年的IT工做中，對CSS的接觸不是特別多，只知道它大致是作什麼的，直到這兩年開發愈來愈靠近前端，開始愈來愈頻繁地接觸CSS，忽然發現有一個叫SASS的東西，很是流行，要了解一下這個SASS是個什麼東西，這篇文章就是對這個SASS總體的概念有一個瞭解。

正文

這個應該是它的官網。

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

Sass是世界上最成熟，穩定、最強大的專業級的CSS擴展語言。

它存在的價值呢？
參考這裏：

什麼是 Scss
Scss 是 CSS 的擴展， 在保證兼容性的基礎上， 容許使用變量、 嵌套、 混合、 導入等特性， 在編寫大量的 CSS 文件時頗有幫助。

特點
徹底兼容 CSS3
在語法上擴展了變量、 嵌套以及混合等
操做顏色以及其它的有用的函數
高級特性， 好比針對類庫的控制聲明
格式良好而且可控制的輸出
Firebug 集成

前端的知識點參考，固然少不了阮一峯的文章：

1、什麼是SASS

SASS是一種CSS的開發工具，提供了許多便利的寫法，大大節省了設計者的時間，使得CSS的開發，變得簡單和可維護。

大致說的意思差很少，印證了，SASS實際上是一種CSS開發工具，或者說是「預處理器」，使用它，你可使用一些比較方便的語法來對CSS進行編程，而再也不使用CSS原始的那種配置型的語言----那種不能算是編程----而後經過預處理來翻譯成正常的CSS。相似的工具好像還有Less，等回頭有時間對這兩者進行一下比較。

參考

如下是收集整理的一些Sass的網站和文章
https://sass-lang.com/ 官網
http://www.ruanyifeng.com/blog/2012/06/sass.html 阮一峯的博客
http://sass.bootcss.com/docs/sass-reference/ Sass中文的一個網站
https://www.sass.hk/ Sass中文的一個網站
https://beginor.github.io/2014/07/11/introduction-to-scss.html
http://sass.bootcss.com/docs/sass-reference/ 一些Sass的介紹
https://medium.com/@awesome_sayrah/introduction-to-sass-scss-and-less-7ff7e494e798 這篇文章尚未徹底看完