8. CSS 工具

注意:

這裡的目的不是要對任何一個框架有詳盡的理解，而是要理解其優點和缺點，CSS 框架能做什麼，以及一般的用法是什麼樣的。

學習成果

• 理解 CSS 框架帶來的價值——一致性、組織性、現成的元件和樣式指南，以及內建的最佳實踐。

• 理解 CSS 框架的問題——它們通常過於複雜（在複雜性和檔案大小方面），需要學習新的語法，你的網站會開始看起來和別人的都一樣，如果你想自定義它們，可能會很難覆蓋（override）。

• 理解使用流行的 CSS 框架（如 Bootstrap、Foundation 和 Tailwind）的基礎知識。

• 理解它們如何整合到 Web 專案中。

• 理解如何權衡採用 CSS 框架的負擔（例如，處理整合和初始學習曲線）與優勢（一旦熟悉它們，它們能多大程度上加快開發速度）。

注意:

這裡的目的不是要對任何一個預處理器有詳盡的理解，而是要理解其優點和缺點，CSS 預處理器能做什麼，以及一般的用法是什麼樣的。

學習成果

• 理解 CSS 預處理器的價值——為 CSS 帶來原生不支援的功能（如迴圈或 if/else 結構），並加快程式碼編寫速度。

• 理解 CSS 預處理器的問題——例如，它們通常需要學習新的語法。

• 理解使用流行的 CSS 預處理器（如 Sass 和 PostCSS）的基礎知識。

• 理解它們如何整合到 Web 專案中。

• 理解如何權衡採用 CSS 預處理器的負擔（例如，處理整合和初始學習曲線）與優勢（一旦熟悉它們，它們能多大程度上加快 CSS 編寫速度）。