Skip to main content
 Web开发网 » 站长学院 » 浏览器插件

2018年十大轻量级的CSS框架为构建快速网站

2021年11月03日9110百度已收录

点击右上方红色按钮关注“web秀”,让你真正秀起来如果你正在寻找一个新的CSS框架为你的下一个前端开发项目,请阅读一个开发人员对一些流行的选择的评论。

当建立一个网站时,使用CSS框架是一个真正的节省时间的方法,因为它为你提供了每个网页设计师在制作网站时需要的工具。但是正如你所知道的,加载速度是一个非常重要的质量因素。因

此,我编写了一个当前十大轻量级CSS框架的实现列表,用于创建漂亮的、功能强大的、超快的加载网站。

1、Pure CSS

只有3.8KB的缩小和压缩,但是充满了功能!多年来,纯CSS一直是我选择的轻量级框架,包括与外包软件开发团队合作。

2018年十大轻量级的CSS框架为构建快速网站  轻量级框架 第1张

2018年十大轻量级的CSS框架为构建快速网站

2、Bulma

使用21kB缩小和压缩,Bulma并不是这个列表中最轻量级的,但是这个新的框架非常有趣,它完全值得一提。Bulma是用移动第一的方法构建的,它使每个元素都能对垂直阅读进行优化,并且

它的网格是用Flexbox完全构建的。使用相同大小的列实现灵活的布局就像在HTML元素中添加.column类一样简单。

2018年十大轻量级的CSS框架为构建快速网站  轻量级框架 第2张

2018年十大轻量级的CSS框架为构建快速网站

3、Mini.css

一个轻量级的(7kb gzip)框架,可以轻松地创建一个快速站点。

2018年十大轻量级的CSS框架为构建快速网站  轻量级框架 第3张

2018年十大轻量级的CSS框架为构建快速网站

4、UIkit

UIkit是一个轻量级的模块化前端框架,用于开发快速强大的web界面。

2018年十大轻量级的CSS框架为构建快速网站  轻量级框架 第4张

2018年十大轻量级的CSS框架为构建快速网站

5、Skeleton

只有400行代码,架构就像羽毛一样轻。然而,它的特点是网格、排版、表单、媒体查询……你需要的只是在任何时候建立一个高质量的网站。

2018年十大轻量级的CSS框架为构建快速网站  轻量级框架 第5张

2018年十大轻量级的CSS框架为构建快速网站

6、Base

Base是一个非常简单但健壮的CSS框架。基于轻量级和最小的代码,Base旨在为开发人员和设计人员提供一种简单的方法来构建跨浏览器、移动优先的网站和应用程序。

2018年十大轻量级的CSS框架为构建快速网站  轻量级框架 第6张

2018年十大轻量级的CSS框架为构建快速网站

7、Spectre

一个轻量级的(~10KB gzipped)起点为您的项目,“魔影”提供优雅的设计和开发的元素,以及一个基于flexbox的、响应性和移动友好的布局。

2018年十大轻量级的CSS框架为构建快速网站  轻量级框架 第7张

2018年十大轻量级的CSS框架为构建快速网站

8、Milligram

Milligram为快速和干净的起点提供了最小的样式设置。只有2kb的gzipped,这个小巧而强大的框架在轻量级框架的前三种。

2018年十大轻量级的CSS框架为构建快速网站  轻量级框架 第8张

2018年十大轻量级的CSS框架为构建快速网站

9、Dead Simple Grid

不是一个真正的框架,而是一个简单的网格布局,可以在每个项目中使用。250字节的CSS代码。

2018年十大轻量级的CSS框架为构建快速网站  轻量级框架 第9张

2018年十大轻量级的CSS框架为构建快速网站

10、Picnic CSS

当gzip压缩时,只有3kb大小,野餐肯定是轻量级的,但也有创建一个好看、功能强大的网站所需的一切。

2018年十大轻量级的CSS框架为构建快速网站  轻量级框架 第10张

2018年十大轻量级的CSS框架为构建快速网站

公告喜欢小编的点击关注,了解更多知识!

上述演示地址,请点击“了解更多”。

评论列表暂无评论
发表评论
微信