共计 2933 个字符，预计需要花费 8 分钟才能阅读完成。
提起 web 开发，大多数人通常会想到 HTML 或者 JavaScript，但经常会遗记一项，对拜访网络能力有着十分深远影响的技术，它就是 css。css 是任何网页中最重要的，依据维基百科的记录，它甚至能够被称为万维网三大根底技术之一，但它也最容易被人忘记的局部之一。
本文将与你探讨 9 款风行的、功能强大且开源的框架，让你的 css 开发得以轻松构建粗劣的网络前端。
1、Bootstrap
Bootstrap 无疑是最受欢迎的 css 框架，它是最早的 web 前端框架之一。由 Twitter 开发，Bootstrap 兼具实用性、功能性以及可扩展性。
Bootstrap 也提供了大量的例子来帮忙你入门。
通过 bootstrap，你能够将不同的组件和布局分割起来，来发明一个乏味的页面设计，它也提供了大量具体的文档。
Bootstrap 的 Github 储存库中，曾经领有超过 19000 的提交和 1100 个贡献者。基于 MIT 执照，你也能够退出它们做出属于本人的奉献。（与文中所有的框架一样）。
2、PatternFly
PatternFly 是 RedHat 的开源 CSS 框架（依据 MIT 许可）。与 Bootstrap 相比，PatternFly 采纳了不同的形式：Bootstrap 专为那些创立难看的网站感兴趣的人而设计，而 PatternFly 次要专一于企业应用程序开发人员，并且提供了诸如条形图，图表和导航之类的组件，用于创立功能强大，指标驱动的仪表板。实际上，RedHat 应用此 CSS 框架来进行产品设计，例如 OpenShift。
除了动态 HTML，PatternFly 还反对 ReactJS 框架，这是 Facebook 开发的风行 JavaScript 框架。
PatternFly 具备许多实用于企业级应用程序的高级组件，比方条形图，图表，模式和布局等等。
PatternFly 的 GitHub 页面列出了超过 1,050 份提交和 44 个贡献者。PatternFly 失去了很多关注，也十分欢送你来为我的项目提供帮忙。
3、Material Components for the web
凭借十分胜利的 Android 平台，Google 以 MaterialDesign 的概念设定了本人的规范设计准则。MaterialDesign 规范趋向于在所有 Google 产品中都失去体现，并且在 MIT 许可下，它也能够开源并且提供给一般公众应用。
MaterialDesign 有许多组件，被称为“用于创立用户界面的交互式构建组块”。这些按钮，卡片，背景等，能够在网站或挪动应用程序中，创立任何类型的用户界面。
保护人员为不同的平台提供详尽的文档。
这里还有分步教程，其中蕴含用于实现不同指标的练习。
MaterialComponents GitHub 页面蕴含了用于不同平台的存储库，包含用于网站 Web 开发的 MaterialComponents（MDCWeb）。MDCWeb 领有 5700 多个提交和 349 个贡献者。
4、Pure
Bootstrap,Patternfly, 和 MDCWeb 都是性能十分弱小的 css 框架，但它们的毛病也在于切实有些简单繁琐。如果你想要一款轻量级的 css 框架——更靠近于编码 CSS 自身，但又能够帮忙你构建一个粗劣的网页，无妨尝试应用 Pure.css。Pure 是具备最小占用空间的轻量级 CSS 框架。它由 Yahoo 开发，通过了 BSD 许可并且是开源的。
只管体量很小，但 Pure 提供了许多必须的组件，足以搭建一个粗劣的网页。
现在，Pure 在 Github 上已有 565 条提交以及 59 位贡献者。
5、Foundation
Foundation 宣称本人是世界上最高级的响应式前端框架，它为建设一个业余的网站提供了高级的性能和教程。
Foundation 领有大量可取得的文件，并且曾经被许多企业、组织，甚至政客们应用。
在 Github 上，Foundation 的页面领有近 17000 的提交以及 1000 名贡献者。就像文中其余框架一样，Foundation 同样领有 MIT 的执行许可。
6、Bulma
Bulma 是一款基于 Flexbox 的开源框架，并且领有了 MIT 的执行许可。Bluma 是一款非常轻量的框架，并且仅仅须要一个 CSS 文件。
Bulma 领有条理清晰的文档，并且能够让你很容易地抉择你喜爱的主题进行摸索。与此同时，Bulma 也领有许多 web 组件供你抉择，并使用在设计中。
在 Github 上，Bulma 页面领有超过 1400 条提交以及 300 名贡献者。
7、Skeleton
如果 Pure 让你感到过于繁琐的话，那么更加轻量的框架 Skeleton 倒是一个不错的抉择。Skeleton 的数据库只有 400 行，框架也仅仅提供了一些根底的组件供你开启 CSS 框架之旅。
只管 Skeleton 非常简洁，但它提供了详尽的文档，能够帮你立即上手。
Skeleton 在 Github 上领有 167 条提交以及 22 位贡献者。然而，它并不是最沉闷的我的项目，上一次的更新是在 2014 年，所以在应用之前须要更多的保护。它取得了 MIT 的许可，这也意味着你能够自在的对其进行操作。
8、Materialize
Materialize 是一款基于 GoogleMaterial Design 的响应式前端框架，其中蕴含了 Materialize 的贡献者开发的其余主题和组件。
Materialize 的文档非常全面并且十分易于学习，其组件页包含了按钮、卡片、导航等。
Materialize 在 MIT 认证下实现了开源，它在 Github 页面的提交曾经超过了 3800 条，并且领有 250 位贡献者。
9、Bootflat
Bootflat 是一款从 Twitter 的 bootstrap 中衍生的一种 css 开源框架。与 Bootstrap 相比，Bootflat 要更加简略，也领有更加轻量的框架组件。
Bootflat 的文档简直仿佛受到了 IKEA 的启发——它展现了每一个组件的图像而并非文字。
Bootflat 通过了 MIT 的执行许可，其在 Github 页面撰写的文本，也领有 159 条提交和 8 位贡献者，
写在最初
抉择 css 开源框架的办法有很多种，取决于你对它的需要——性能是否丰盛、操作是否简洁。就像所有的技术决策那样，对于所有人来说，没有惟一正确的答案，只有在发给定的工夫和我的项目中绝对正确的抉择。
尝试着应用他们一段时间，而后看看哪一种才是你在当前的我的项目中真正须要的。也欢送你在评论区与我分享反馈意见，咱们下期再见！
结尾
本期就分享到这里，我是小编南风吹，专一分享好玩乏味、离奇、实用的开源我的项目及开发者工具、学习资源！
心愿能与大家独特学习交换, 欢送关注我的公众号 【Github 导航站】。
往期举荐
3000 多人拜访一个 html 文件，多少宽带才足够撑持
程序员接私活必备后盾框架，不必反复造轮子，网友：太好用了！
还在从头到尾撸我的项目？这 6 个 SpringBoot 我的项目用好了，事倍功半！
厉害了, 这款程序员代码补全工具，让你的编程效率飞起来！
「00 后缩写黑话翻译器」登上 GitHub 热榜，中年网民终于能看懂年轻人的 awsl
太酷了！这款开源安卓投屏软件，让你工作游戏两不误！
