1. 程式人生 > >CSS:初識SASS

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 整合

前端的知識點參考,當然少不了阮一峰的文章

一、什麼是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 這篇文章還沒有完全看完