8. CSS 工具

工具

扩展模块

工具不仅仅局限于 JavaScript 框架。在学习过程中,您还会遇到一些常见的 CSS 工具类型。

8.1 CSS 框架

笔记:

这里的目标不是对任何一个框架都有透彻的理解,而是要了解它们的优缺点、CSS 框架能做什么以及一般用法。

学习目标

  • 理解 CSS 框架带来的价值 - 一致性、组织性、现成的组件和样式指南,以及内置的最佳实践。
  • 理解 CSS 框架的问题 - 它们通常过于复杂(在复杂性和文件大小方面)、需要学习新的语法,您的网站将开始看起来和其他人的网站一样,并且如果您想要定制它们,它们可能很难覆盖。
  • 了解使用流行的 CSS 框架(如 BootstrapFoundationTailwind)的基础知识。
  • 了解它们如何集成到网页项目中。
  • 了解如何权衡采用 CSS 框架的负担(例如处理集成和初始学习曲线)与优势(一旦您熟悉它们,它们可以加速开发的程度)。

8.2 CSS 预处理器

笔记:

这里的目标不是对任何一个预处理器都有透彻的理解,而是要了解它们的优缺点、CSS 预处理器能做什么以及一般用法。

学习目标

  • 了解 CSS 预处理器的价值 - 为 CSS 提供原生不支持的功能(如循环或 if/else 结构),以及加速代码编写速度。
  • 了解 CSS 预处理器的问题 - 例如,它们通常需要学习新的语法。
  • 了解使用流行的 CSS 预处理器(如 SassPostCSS)的基础知识。
  • 了解它们如何集成到网页项目中。
  • 了解如何权衡采用 CSS 预处理器的负担(例如处理集成和初始学习曲线)与优势(一旦您熟悉它们,它们可以加速 CSS 编写速度的程度)。
上一页:7. JavaScript 框架下一页:9. 其他工具类型