hw3.md

Homework 3

作業名稱

寫 CSS 必備神器：CSS 預處理器

作業說明

你有沒有發現每次寫 CSS 都很麻煩？總是會有許多重複的部分，或者是加上一些瀏覽器的 prefix。甚至是只想要改個網頁的背景顏色，就要同時更改許多地方。

有沒有可能在寫 CSS 的時候就像在寫 JavaScript，你有變數、函式甚至是迴圈可以用！這樣的話世界該有多美好。

沒錯，CSS 預處理器就是你在尋找的東西！

作業規格

1. 在 sass, less, stylus 之間選擇一套並且改寫之前的 CSS。

作業規範

1. 一定要使用 CSS preprocessor

學習資源

關鍵字（只是提供一些範例而已）：

1. less sass stylus 差別
2. css 預處理器 簡介
3. stylus 入門 教學
4. css preprocessor tutorial

自我練習

1. 為什麼我們需要 CSS 預處理器？沒有 CSS 預處理器的話會怎樣嗎？
2. 在那三套裡面，你為什麼選擇了現在這一套？理由是什麼？

進階閱讀

1. CSS pre- vs. post-processing
2. CSS Post-Processors For Beginners: Tips and Resources
3. Deconfusing Pre- and Post-processing
4. [心得] 什麼是 postcss?
5. cssnext