导入
HTML和CSS的背景
了解 CSS 的优势以及 CSS 框架得以发展的原因。
我们逐步积累知识，学习了以下内容：
- HTML 和 CSS 如何协同工作来构建页面布局。
- 如何借助媒体查询使这些布局具备响应式特性。
- CSS 列网格（column grid）的概念——一种传统且高效的网页布局优化方法。
- 如何构建一个响应式的 CSS 列网格。
现在，我们已掌握足够的知识，能够独立完成大部分网页布局的开发。
这正是大多数网页开发者在实际项目中采用的方式。
然而，随着技能的提升，他们逐渐发现，在自己开发的网站中，某些页面区域反复出现。
例如，每个网站都需要导航栏，而大多数网站的主导航通常位于页面顶部的水平条上。
类似地，网页中还有一些其他组件也频繁出现：
- 警告提示
- 轮播图
- 弹窗模态框
- 友好的按钮
- 可折叠的内容区域（如手风琴效果）
一些开发者意识到，如果能使用预先写好的 HTML 和 CSS 代码（有时还包含 JavaScript），就能显著加快项目开发速度。这基本上就是前端 CSS 框架诞生的由来。
CSS 框架的优势
CSS 框架包含一系列预先开发好的代码片段，为用户提供多种预定义的组件，例如导航栏、下拉按钮、各类表单输入元素等，所有样式都经过设计，确保整体协调统一。
使用 CSS 框架的好处包括：
- 无需每次新建项目时从零开始编写代码
- 更容易理解他人使用的代码（如果对方也使用同一框架），这对团队协作非常有利
- 开发速度更快，效率更高
- 代码风格保持一致
- 面对复杂问题时有大量教程可供参考
CSS 框架的缺点
使用 CSS 框架的一些缺点包括：
- 包含大量冗余代码（代码膨胀）
- 下载速度变慢
- 难以实现独特的设计风格
- 存在学习成本
当需要特殊布局时，有时不得不覆盖框架的默认样式，并添加自定义样式。