CSS之 常用的框架

1、Bootstrap
地址：https://getbootstrap.com/
您可能肯定已经听说过此框架，即使这是您的第一个工作。该框架是第一个推广“智能手机优先”理念的框架。Bootstrap是世界上最流行的CSS框架，它于2011年由Twitter引入。
Bootstrap在大规模构建响应式设计方面有很大帮助。当包含相关的引导程序类时，它将自动针对不同的屏幕尺寸调整设计。它提供了大量的插件和主题生成器。
该框架的当前版本是Bootstrap 4，其中包括一些其他功能，例如新的配色方案，新的修改器，新的实用程序类。版本4是使用SASS构建的，这意味着Bootstrap现在已经支持LESS和SASS。
优点：
快速成型

大型生态系统

大量的组件

LESS和SASS支持

简单的文档和较低的学习曲线

由Twitter开发，因此对社区有长期的长期信任。

2、Foundation
地址：https://get.foundation/
开发人员说，如果编程是一种宗教，那么基金会和Bootstrap的家伙将处于障碍的两边。Foundation是世界上另一个使用最广泛的一流CSS框架。许多公司（例如Facebook，eBay，Mozilla，Adobe甚至Disney）都使用它。该框架是基于Saas（如引导程序）构建的。它更加复杂，灵活并且易于定制。它也带有CLI，因此很容易与模块捆绑器一起使用。它提供了Fastclick.js工具，可在移动设备上更快地呈现。
优点：
创建响应式设计

强大的电子邮件框架

极高的灵活性

在线网络研讨会培训支持。

易于定制。

提供了完整的模块化工具集，可让您解决几乎所有的界面任务

UI组件及更多：先进的成像系统，定价表组件，表单验证，垂直时间轴布局，RTL支持等等。

3、Bulma
地址：https://bulma.io/
与其他CSS框架相比，Bulma是市场上相对较新的框架，但Bulma设法在短时间内获得了用户的很多关注。这个免费的开源CSS框架基于Flexbox布局模型。最好的事情是，它完全基于CSS，根本不需要javascript。全球有200,000多名开发人员在使用它。它反应灵敏，轻巧，并且遵循“移动优先”的方法。
优点：
所有CSS类名称均按逻辑命名，因此易于学习和记住语法。

纯CSS，无JavaScript

大社区

模块化：使用Saas构建，您可以通过仅导入所需的必要功能来设计界面。

大量组件，例如垂直对齐解决方案，布局以及媒体对象

4、Pure
地址：https://purecss.io/
由Yahoo开发的Pure是一个轻量级的响应CSS框架。它使用Normalize.css构建，可帮助使用网格和菜单创建响应式布局。可以将其分为不同的CSS模块，并且可以根据您的需求和偏好导入这些模块。因此，如果仅需要网格系统，则无需导入整个CSS并增加站点的加载时间。与Bootstrap不同，它不允许创建固定的布局。
优点：
移动友好

完全基于CSS，因此很容易学习。

它提供5点，2点，24点等的变化。因此，在创建网格和列系统时可以更加灵活地使用它。

5、Semantic UI
地址：https://semantic-ui.com/
该框架以其令人难以置信的主题效果以及简单优雅的设计而闻名。语义UI是使用人类友好的HTML的响应框架，它允许您创建一个独特而美观的网站，而无需进行多次更改。它提供3000多个主题变量和50多个UI组件。它还支持第三方库，如React，Meteor，Ember，React等。