作为WEB前端开发，您一定要了解的10个轻量级CSS框架

在过去的几年中，Web开发的广泛普及。每年都会发布许多前端框架。Bootstrap已成为最受欢迎的产品之一。但是，您可能还没有听说过许多其他挑战者，但绝对值得尝试。

在本文中，我们将介绍您可能想检出的10个最佳框架。

幽灵

Spectre是一个现代的，免费的，响应式的CSS框架。它提供了优雅的元素，基于flexbox的响应式布局系统以及CSS组件和实用程序，可以使用Sass和Scss编译器进行修改。它确实是轻量级的，压缩后只有10KB，并且支持大多数现代浏览器。

芥末UI

这是一个开源的轻量级入门CSS框架。它分为多个模块，您可以选择是否要包含所有模块或仅包含所需模块。它带有前端设计所需的所有组件，例如flexbox网格，按钮，表格，表单，卡片等，并且可以通过scss变量进行自定义。

布尔玛

Bulma是基于Flexbox布局模型的免费开源现代CSS框架。它提供了一个简单的网格系统，自适应导航栏和多功能媒体对象。Bulma中的每个元素都是移动优先的，并且针对小屏幕进行了优化，并且可以使用修饰符类和变量轻松进行自定义。

UI套件

这是另一个很棒的CSS和JavaScript前端框架，它带有自己的SVG图标字体和许多组件。UIkit在外观和框架方面都经过精心设计，具有统一的样式，易于记忆的API，许多自定义选项和有用的修饰符类。

帐篷CSS

TentCSS是一个简单易用的框架，提供了构建响应式网站所需的所有基本组件。它非常轻巧（仅压缩5kb），遵循BEM标准，并具有用于布局的现代flexbox网格。

实现CSS

这是一个基于Material Design的现代响应式前端框架。它确实非常易于使用，尤其是对于熟悉其他类似项目（例如Bootstrap）的人们。有许多入门模板，可帮助您轻松设计网站。

基础

Zurb Foundation框架是用于构建响应式网站和应用程序的另一种流行工具。它带有许多完全可定制的模块化和灵活组件，您可以使用它们来设计漂亮的响应式网站，在任何设备上看起来都很棒。

语义UI

语义是一个前端框架，可使用人性化的HTML帮助创建美观且响应迅速的布局。它具有3000多个CSS变量，可高度自定义，可用于自定义主题。完全基于“ em”值构建的语义，具有高度响应能力。

基础

Base是一个轻量级的，最小的，响应迅速的CSS框架。它建立在最新的Normalize.css之上，并分成独立的模块，因此您只能使用所需的模块。它是移动设备第一，并且在包括IE 10+在内的所有现代浏览器上都可以很好地运行。

梅

这是一个小巧的框架，遵循Google的Material Design指南。它没有外部依赖性，并且非常轻巧，仅压缩5.4kb。它提供React支持，通过SASS文件进行自定义，并具有用于样式化电子邮件的单独的内联版本。

好了，今天的分享就到这里，如果你是一个正准备学习前端或者正在学习前端的小伙伴，有什么问题可以免费私信我，我这里也还有一些学习资料也可以免费分享给大家，点赞关注私信我即可，也可以加入我的前端学习交流群（109029339），希望分享的所有内容能让你们喜欢。码字不易，方便的话请点赞转发，你的转发和点赞将是我继续分享的动力......