说到网页开发，大多数人通常会想到HTML或者JavaScript，但往往忘记了一项对上网能力影响深远的技术，那就是css。CSS在任何网页中都是最重要的，根据维基百科的记载，它甚至可以称为万维网的三大基础技术之一，但也是最容易被遗忘的部分之一。本文将和大家一起探讨9款流行的、强大的开源框架，让你的css开发轻松搭建精美的web前端。1.BootstrapBootstrap无疑是最流行的CSS框架，也是最早的Web前端框架之一。Bootstrap由Twitter开发，具有实用性、功能性和可扩展性。Bootstrap还提供了大量示例来帮助您入门。通过bootstrap，你可以连接不同的组件和布局来创建一个有趣的页面设计，它还提供了很多详细的文档。Bootstrap的Github存储库有超过19,000个提交和1,100个贡献者。基于MIT许可证，您也可以加入他们并做出自己的贡献。（与文中的所有框架一样）。2.PatternFlyPatternFly是RedHat开源的CSS框架（MIT许可）。与Bootstrap相比，PatternFly采取了不同的做法：Bootstrap是为那些对创建好看的网站感兴趣的人而设计的，而PatternFly主要面向企业应用开发者，提供条形图、图表和导航等功能。用于创建功能强大、指标驱动的仪表板的组件类。事实上，RedHat在产品设计上就使用了这种CSS框架，比如OpenShift。除了静态HTML之外，PatternFly还支持ReactJS框架，这是Facebook开发的一种流行的JavaScript框架。PatternFly有很多适合企业级应用的高级组件，比如条形图、图表、模式和布局等等。PatternFly的GitHub页面列出了1,050多个提交和44个贡献者。PatternFly受到了很多关注，非常欢迎您为该项目做出贡献。3.Web的MaterialComponents随着非常成功的Android平台，Google以MaterialDesign的概念制定了自己的标准设计指南。MaterialDesign标准往往体现在谷歌的所有产品中，而且它也是开源的，在MIT许可下可供公众使用。MaterialDesign有许多组件，它们被称为“用于创建用户界面的交互式构建块”。这些按钮、卡片、背景等可用于在网站或移动应用程序中创建任何类型的用户界面。维护者为不同的平台提供了大量的文档。还有分步教程和针对不同目标的练习。MaterialComponentsGitHub页面包含不同平台的存储库，包括用于网站Web开发的MaterialComponents(MDCWeb)。MDCWeb有超过5700个提交和349个贡献者。4.PureBootstrap、Patternfly、MDCWeb都是非常强大的css框架，但是缺点是有些复杂和笨重。如果你想要一个轻量级的css框架——更接近编码CSS本身，但可以帮助你构建一个精致的网页，试试Pure.css。Pure是一个轻量级的CSS框架，占用空间最小。它由Yahoo开发，在BSD下获得许可并且是开源的。尽管体积小，但Pure提供了许多必要的组件来构建精美的网页。今天，Pure在Github上有565次提交和59位贡献者。5.FoundationFoundation号称是世界上最先进的响应式前端框架，它提供了构建专业网站的高级功能和教程。Foundation拥有大量可用的文档，并已被许多企业、组织甚至政治家使用。在Github上，Foundation页面有近17,000个提交和1,000个贡献者。与本文中的其他框架一样，Foundation也拥有MIT实现许可证。6.BulmaBulma是一个基于Flexbox的开源框架，拥有MIT执行许可证。Bluma是一个非常轻量级的框架，只需要一个CSS文件。Bulma拥有组织良好的文档，让您可以轻松选择自己喜欢的主题进行探索。同时，Bulma还有很多网页组件供你在设计中选择使用。在Github上，Bulma页面有超过1400个提交和300个贡献者。7.Skeleton如果Pure让你觉得过于笨重，那么轻量级的框架Skeleton是个不错的选择。Skeleton的数据库只有400行，框架只提供了一些基本组件供你开始你的CSS框架之旅。尽管Skeleton非常简洁，但它提供了详细的文档，可以帮助您立即上手。Skeleton在Github上有167次提交和22位贡献者。但是，它不是最活跃的项目，最后一次更新是在2014年，因此需要更多维护才能使用。它由麻省理工学院授权，这意味着您可以自由操作它。8.MaterializeMaterialize是一个基于GoogleMaterialDesign的响应式前端框架，其中包括由Materialise贡献者开发的其他主题和组件。Materialise的文档全面且简单易学，其组件页面包括按钮、卡片、导航等。Materialise在MIT认证下是开源的。它在Github页面上有超过3,800份提交，并有250名贡献者。9、BootflatBootflat是一个css开源框架，源自Twitter的bootstrap。与Bootstrap相比，Bootflat更简单，框架组件更轻。Bootflat的文档似乎受到了宜家的启发——它显示了每个组件的图像而不是文字。Bootflat已经通过了麻省理工学院的行政许可。写在Github页面上的文本也有159次提交和8位贡献者。它写在最后。是否丰富，操作是否简单。和所有的技术决策一样，没有适合所有人的单一正确答案，只有给定时间和项目相对正确的选择。尝试使用它们一段时间，看看您在未来的项目中真正需要哪一个。也欢迎大家在评论区和我分享你们的意见，我们下期再见！本期结束，分享到这里。我是小编NanfengChui，专注于分享好玩、有趣、新颖、实用的开源项目、开发者工具、学习资源！希望和大家一起学习交流。欢迎来到我的公众号【Github导航站】。以前一个html文件被推荐3000多人访问。多少宽带就足以支持程序员连接私人作业所必需的后台框架，而不必重新发明轮子。网友：太好用了！还在从头到尾处理项目吗？这6个SpringBoot项目用好，事半功倍！厉害了，这款程序员代码补全工具让你的编程效率飙升！《2000后缩写黑语言翻译器》上GitHub热搜榜，中年网友终于能看懂年轻人的awsl好酷！这款开源安卓投屏软件，让你边打游戏边工作！
