根据维基百科的说法，CSS 框架是一些库，旨在使使用层叠样式表语言来美化网页变得更容易且更符合标准。 在本文中，我们收集了一些现成的框架，可帮助您减少工作流程和代码。 我们希望您会发现该列表对您的开发需求来说既方便又有用。 如果您还知道其他方便好用的CSS框架，欢迎在评论区留下您的建议！ javascript
1.Pure：CSS框架
Pure 是来自 Yahoo 的 CSS 框架，它使用 Normalize.CSS，无需任何 JavaScript 代码。 框架基于响应式设计，提供了多种组件，包括表格、表单、按钮、表格、导航等，标识使用起来非常简单，整个框架非常轻量级，压缩后只有5.7k。 CSS
2. Fitgrd：响应式网格系统
Fitgrd 不是一个框架。 这是建立您自己的响应式网站的坚实基础。 它专为快速原型设计而设计，但也能在生产环境中良好运行。 这个网格系统非常适合高级网页设计师，他们不想让自己的页面看起来像“引导”。 除了网格之外的一切都取决于你，让你能够节省大量可有可无的代码.html
源码前端
3.薯条
Fries 是一个 HTML-CSS-JS 框架，用于构建类似于 Android 原生 UI 的框架。 可用于实际项目或项目原型。 该框架已经有一些主要组件：表单、操作栏、列表、按钮、微调器和选项卡。 爪哇
它还针对 PhoneGap 进行了优化，可以轻松转换为本机应用程序。 git
4.标记框架
标记是布局、小部件、UI 组件和排版样式的框架，可以帮助您快速执行与 Web 相关的设计和开发。 我相信没有人愿意花时间从最基本的层面开发Web应用程序或网站。 ，而Markup可以方便地帮你解决所有脏活累活。 github
主要特点
4.Maxmertkit
Maxmertkit 是一个新的后端框架，具有类似 boostrap 的 UI 并提供不同的组件内容。 网络
该框架使用 SASS 处理所有 CSS 部分，包括所有主要网格、排版、表格、表单、按钮和列表等。
它有一组丰富的“小部件”，包括按钮、标签、元素分组、徽章、下拉菜单、工具提示、菜单等。
它有非常实用的JavaScript组件，比如提示、轮播、按钮、浮动层等。
它在某些部分与 Bootstrap 非常相似，但也存在差异，例如字体图标 Awasone 和 Zocial 的使用。
它有完整的文档，包含大量示例，并提供拖放功能来生成代码。
5. Metro UI CSS
Metro UI CSS 是一个实现 Windows 8 Metro 风格界面的 CSS 框架。
6.Zoey：用于创建移动应用程序
Zoey只提供了一些标准的UI控件，因此非常适合构建简单的联通Web应用程序。
它是一个使用HTML5-CSS3技术实现的框架，基于Zepto.js构建，并且非常小，gzipped压缩后只有6kb。
Zoey 拥有的 UI 控件包括：导航、列表、按钮、控件组、表单和网格。
该框架经过测试支持iOS+Android，并自带覆盖所有功能的程序骨架。
7.Microjs：微小的JS框架
MicroJS 致力于为最常见的开发任务提供轻量级 JavaScript 库。 其上的框架或库大小不超过2KB，包括Ajax、JSON、DOM、面向对象的JavaScript等。
8.石灰JS
LimeJS是一个JavaScript游戏开发框架，允许开发者构建基于HTML5的游戏，并支持包括iOS在内的主流浏览器。
9.52 框架
它是一个实现 HTML5 和 CSS3 的 Web 开发框架。 它是一个跨浏览器框架，可以运行在所有主流浏览器上，包括IE6。 它主要使用HTML5启用JavaScript文件来实现。
10.基线
Baseline 是一个 CSS 框架，在构建时考虑了排版标准，旨在简化具有令人愉悦的网格和良好排版的网站的开发。 在reset.css和base.css文件的帮助下，Baseline清除浏览器的默认行为并构建一个基本的印刷布局。
11.Less：HTML 驱动的 CSS 框架
Less Framework 是一个轻量级 CSS 框架，使您能够构建灵活的多列网站布局。 它包含一个针对 24px 行高进行优化的八列网格和一组基于黄金比例的排版预设，该比例与网格的垂直节奏平行。
12.Gumby 2：响应式CSS框架
Gumby 是一个响应式 960px 网格 CSS 网格框架，可以自定义以在每种分辨率下工作，它与 Twitter Bootstrap 非常相似，它附带一个 Web UI 套件，其中包含漂亮的按钮、表单、导航 + 选项卡和一个小型 JavaScript使这些组件栩栩如生的文件。
13.Formee：CSS表单框架
Formee 是一个 CSS 框架，可帮助您轻松创建跨浏览器 Web 表单。 它与 Fluid 960 Grid System 提供的技术配合使用来组成表单的布局，从而可以完全灵活地将其放置在任何网站或 Web 系统中。 -
14.黄金网格系统
Golden grid 是一个完全专注于基于网格设计的 Web 网格系统（不是完整的 CSS 框架）。 Golden Grid 使用 float:left 方法来构建网格而不是位置。 它是一个 6/12 列网格系统，主宽度为 970px。
15.Twitter Bootstrap：Twitter 的 CSS 工具包
Bootstrap 是一组简单而灵活的流行后端框架和基于 HTML、CSS 和 JavaScript 的交互式组件。 是微博先驱Twitter于2011年8月开源的一套完整的后端解决方案。
16.960GS
960GS/960网格系统，更灵活的网格设计，辅助网页设计师更好的设计
17.蓝图
Blueprint 是一个所谓的 CSS 框架。 相比之下，蓝图代码中的注释比较详细。
按照 Jeff Croft 的 Frameworks for Designers（或英文版了解 Web 框架以及如何构建 CSS 框架）来描述如何改进 css 框架：
构建框架有多种可能的方法，但最常见、也可以说是最有用的方法是将通用 CSS 抽象为单独的样式表文件，该文件仅包含整体的特定部分。 例如，您可以使用一种样式的句柄布局和另一种句柄批量重置。 这个好方法可以让你选择性地引入你需要的样式。 你的框架中可能有六七个不同的样式文件，但是你不需要其中一两个，只要你不导入它们即可。 我们团队构建的框架包含5个样式文件：
然后css好用，我们将框架存储在单独的位置css好用，以便每个站点都可以导入它。 当然，每个网站也需要一个独特的样式表，独特的样式对框架做了必要的补充。
18.YAML
YAML（“Yet Another Multicolumn Layout”）是一个 (X)HTML/CSS 框架，旨在满足灵活且用户友好的布局需求。 自 2007 年出现以来，YAML 提供了广泛而全面的文档。与许多其他 CSS 框架（例如 Blueprint CSS 或 YUI Grids）一样，它提供了一个预定义 CSS 类的系统，用于构建基于网格的布局。 要构建布局，设计人员需要构建网站的 HTML 结构，然后为容器（html 标签）编写 CSS，剩下的就可以完成。
YAML 采用了不同的路线。 它支持基于网格的布局开发和网格系统开发，但都指向灵活的布局。 如果设计师想要构建基于网格的布局，他可以使用头部和尾部三列的基本框架。 每个元素都可以连接或适应用户的需求。 在实际设计中，列的位置是使用CSS定义的（在其他CSS框架中，使用html结构）。 对设计人员的好处：使用 YAML，您可以在定义类时获得更好的选择、使用任何大小的单元并获得干净的代码。
