8. CSS 工具

注意:

这里的目的不是要对任何一个框架有详尽的理解，而是要理解其优点和缺点，CSS 框架能做什么，以及一般的用法是什么样的。

学习成果

• 理解 CSS 框架带来的价值——一致性、组织性、现成的组件和样式指南，以及内置的最佳实践。

• 理解 CSS 框架的问题——它们通常过于复杂（在复杂性和文件大小方面），需要学习新的语法，你的网站会开始看起来和别人的都一样，如果你想自定义它们，可能会很难覆盖（override）。

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

• 理解它们如何集成到 Web 项目中。

• 理解如何权衡采用 CSS 框架的负担（例如，处理集成和初始学习曲线）与优势（一旦熟悉它们，它们能多大程度上加快开发速度）。

注意:

这里的目的不是要对任何一个预处理器有详尽的理解，而是要理解其优点和缺点，CSS 预处理器能做什么，以及一般的用法是什么样的。

学习成果

• 理解 CSS 预处理器的价值——为 CSS 带来原生不支持的功能（如循环或 if/else 结构），并加快代码编写速度。

• 理解 CSS 预处理器的问题——例如，它们通常需要学习新的语法。

• 理解使用流行的 CSS 预处理器（如 Sass 和 PostCSS）的基础知识。

• 理解它们如何集成到 Web 项目中。

• 理解如何权衡采用 CSS 预处理器的负担（例如，处理集成和初始学习曲线）与优势（一旦熟悉它们，它们能多大程度上加快 CSS 编写速度）。