最受欢迎的10大CSS框架

Guanhui

发布时间：2020-05-05 09:31:44

4586人浏览过

来源于zhihu

转载

web 开发工程师在开发页面样式的时候需要花费大量的时间开发，其中最头疼的还是浏览器的兼容性问题，最省事的是使用 css 框架，幸运的是一些大神编写了一套精美的 css 框架并开源出来，那么有哪些不错的 css 框架呢？

我收集了一些资料和数据来和大家讨论，下面我就说说 Github 上 star 最多的 10 大 CSS框架。

Bootstrap

Github star 数量 140K。

GitHub 地址：https://github.com/twbs/bootstrap

立即学习“前端免费学习笔记（深入）”；

Bootstrap 是最受欢迎的 CSS 框架，被认为是拥有最好的响应性的CSS框架。专为前端开发而设计，有助于构建web设计理念、移动优先项目、网格系统、排版和按钮等。

Semantic-UI

Github star 数量 47.8K。

GitHub 地址：https://github.com/Semantic-Org/Semantic-UI

Semantic 是一个开发框架，可以使用人性化的 HTML 帮助创建漂亮的响应式布局。Semantic UI 旨在使网站构建过程更加语义化。核心特征是利用自然语言原理使代码更易于阅读，更容易理解。

Materialize

Github star 数量 37.5K。

GitHub 地址：https://github.com/Dogfalo/materialize

Materialize是一款基于Material Design设计的前端框架，支持自适应，现代感十足。

Bulma

Github star 数量 39.6K。

GitHub 地址：https://github.com/jgthms/bulma

Bulma 是一个基于 Flexbox 的现代化的 CSS 框架,其响应式、模块化、开源免费,可以轻松用来实现各种简单或者复杂的内容布局，Bulma 最大的特点是轻量、无依赖、简单、易用，所有样式都基于 class，即使不懂 CSS 也可以轻而易举的做出美观的网页。

更多详细介绍：http://www.sevdot.com/articles/7

Foundation

Github star 数量 28.6K。

GitHub 地址：https://github.com/zurb/foundation-sites

Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。

Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。

Foundation 是一个以移动优先的流行框架。

Pure

随缘企业网站管理系统 (无限级分类红色版)

2010-10-31日最新更正：一、更正了产品及文章无限分类不能显示继承类别的bug. 二、更正了产品名称标题过长导致页面布局错位的bug. 随缘企业网站管理系统(无限级分类红色版)简介: 一、全站采用主流DIV+CSS框架布局,宽屏红灰主色调，简洁大方。适合各类行业作为企业站使用。二、后台可对相关的网站标题，关键词，描述、底部版权信息等进行设置，同时可指定相关的安装目录，可在二级目录使用。

下载

Github star 数量 20.8K。

GitHub 地址：https://github.com/pure-css/pure

雅虎公司出品的一组轻量级、响应式纯css模块，适用于任何Web项目。

Pure 小得不要不要的，压缩成gzip文件仅为3.7KB*。我们力求每一行代码都精简到极致，以便最大程度压缩CSS大小，更利于移动Web制作。如果您仅使用其中的一部分模块，那CSS真是小到没有朋友了！

Layui

Github star 数量 21.5K。

GitHub 地址：https://github.com/sentsin/layui

Layui 是一款采用自身模块规范编写的情怀型前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。

Uikit

Github star 数量 13.5K。

UIkit 是 YOOtheme 团队开发的一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。UIKit 提供了全面的 HTML、CSS 及 JS 组件，它们使用简单，容易定制和扩展。