10种轻巧和最小的CSS框架

CSS框架应基于您当前的Web设计项目的复杂性和功能要求,而不是像大多数Web设计师倾向于的那样仅基于个人喜好。 在本文中,我们收集了10个轻量级的最小CSS框架 。 请享用!

相关文章:

1. 1行CSS Grid Framework


这是用一行CSS类编写整个CSS布局系统的挑战。
1行CSS网格框架.jpg
资源

2.微小的流体网格


Tiny Fluid Grid附带了带有演示代码的index.html,以及包含您创建的网格的CSS的grid.css。
Tiny-Fluid-Grid.jpg
资源

3. 1KB CSS网格


一种简单,轻便的方法,不需要博士学位。
The-1KB-CSS-Grid.jpg
资源

4. SenCS


代表“敏感标准CSS”基线(发音为“ sense”)。 它为CSS的所有重复部分提供了合理的样式,并且不会在您身上强制使用布局系统。
SenCSs.jpg
资源

5. FEM CSS框架


基于960.gs的固定布局,但其理念有所不同,使其可以更灵活,更快速地与盒子一起玩。 它只有一个12列的网格,这些列的每一边有10px的边距,形成20px的装订线–使框之间有一些呼吸。
FEM-CSS-Framework.jpg
资源

6.弹性CSS框架


一个简单的CSS框架,基于4列的印刷版式技术,但具有提供无限的列组合的功能,并且能够轻松地进行弹性,固定或液体版式。
Elastic-CSS-Framework.jpg
资源

7.基准


考虑到印刷标准,Baseline使得开发具有令人愉悦的网格和良好印刷术的网站变得非常容易。
Baseline.jpg
资源

8. Atatonic CSS框架


像其他任何网格系统一样工作,但仅包含约10行CSS,并且主要侧重于排版。 该项目的想法是为启动每个开发项目提供一个坚实而又最少的基础。
Atatonic-CSS-Framework.jpg
资源

9.方格


一个基于35个等宽列的简单CSS框架。 您可以在多种列中使用网格:18、12、9、6、4、3、2,网格的总宽度为994px,这是大多数现代显示器都支持的。
The-Square-Grid.jpg
资源

10.少框架3


已构建,以便您可以正常设计默认布局,然后使用内联媒体查询设计所有其他布局。
Less-Framework-3.jpg
资源

From: https://www.sitepoint.com/10-lightweight-minimal-css-frameworks/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值