## 1-1 什么是CSS預處理器 ### 定義： CSS 預處理器定義了一種新的語言，其基本思想是，用一種專門的編程語言，為 CSS 增加了一些編程的特性，將 CSS 作為目標生成文件，然后開發者就只要使用這種語言進行編碼工作。 通俗的說，“CSS 預處理器用一種專門的編程語言，進行 Web 頁面樣式設計，然后再編譯成正常的 CSS 文件，以供項目使用。CSS 預處理器為 CSS 增加一些編程的特性，無需考慮瀏覽器的兼容性問題”，例如你可以在 CSS 中使用變量、簡單的邏輯程序、函數（如右側代碼編輯器中就使用了變量$color）等等在編程語言中的一些基本特性，可以讓你的 CSS 更加簡潔、適應性更強、可讀性更佳，更易于代碼的維護等諸多好處。 ### 其它 CSS 預處理器語言： CSS 預處理器技術已經非常的成熟，而且也涌現出了很多種不同的 CSS 預處理器語言，比如說： - Sass（SCSS） - **介紹**：Sass 是一門高于 CSS 的元語言，它能用來清晰地、結構化地描述文件樣式，有著比普通 CSS 更加強大的功能。 - **網址**：http://sass-lang.com/ - LESS - **介紹**：Less 是一門 CSS 預處理語言，它擴充了 CSS 語言，增加了諸如變量、混合（mixin）、函數等功能，讓 CSS 更易維護、方便制作主題、擴充。 - **網址**：http://lesscss.org/ - Stylus - **介紹**：Stylus 是一個CSS的預處理框架，2010年產生，來自Node.js社區，主要用來給Node項目進行CSS預處理支持，所以 Stylus 是一種新型語言，可以創建健壯的、動態的、富有表現力的CSS。比較年輕，其本質上做的事情與 SASS/LESS 等類似， - **網址**：http://stylus-lang.com/