在
网站建设的过程中，CSS 框架提供了加速网站和应用程序设计扩展过程的方法。但是，一般来说，大多数 CSS 框架都挤满了通常看不到曙光的功能。值得庆幸的是，对于更简单的项目，有很多最小/轻量级的解决方案。
当有人提到CSS frameworks这个词时，很多人首先想到的是 Bootstrap、Tailwind CSS 或 Semantic UI。很公平。它们都是用于构建复杂而深入的布局结构的令人难以置信的框架。但是一般来说，此类框架适用于设计跨越多个页面的项目。对于一个简单的项目——投资组合、博客、简历页面——一个包大小为50kb+的框架似乎有点矫枉过正。
我认为现在现代网站开发中发生的趋势之一是开发人员根本不关心他们最终设计的页面大小。一旦所有 JavaScript 完成渲染，今天网页的平均大小约为 2.5Mb 。至少可以说，这有点疯狂。对我来说，轻量级 CSS 框架为我提供了创建主容器、为它们分配一些元素的工具，然后我可以在需要时专注于自定义样式。我不需要拘泥于在实践中永远不会使用的规则和设计选项。
正如我之前所说，现代框架的包大小可能高得离谱。这个包大小示例与直接通过 CDN 获取框架的上下文相关。通常可以将较大框架的大小减小到更适中的程度。但是，开箱即用的框架，如Tailwind CSS或 Bootstrap ，在默认情况下并不旨在实现最小化或轻量级。
除了性能的直接改进之外，还有哪些使用更小的 CSS 框架的其他原因？就个人而言，我喜欢使用一个可以让我快速访问预定义布局和其他样式组件的框架的想法。这一切都不需要我做代码体操来让设计在多个设备上工作。
此外，较小的框架具有更宽容的学习曲线。特别是，如果您刚开始自己设计样式 - 轻量级框架可帮助您了解设计如何在准系统级别组合在一起。并且不需要依赖 JavaScript 也有很长的路要走。最后但同样重要的是，由于没有类干扰，将自定义 CSS 添加到小型框架基础要容易得多。当您没有一千个相互依赖的不同类时，添加您在教程或 CodePen 等网站上找到的自定义 CSS 片段会容易得多。
