Cutestrap是Bootstrap的微小替代品

并非每个项目都需要一个大型框架 。 Foundation和Bootstrap都是出色的,广泛支持的前端框架。

有时一个Web项目只需要一些简单的东西 。 这正是Cutestrap所提供的。

Cutestrap将自己描述为“介于normalize.css和完整框架之间的内容” 。 这是一个很好的描述,因为它不是简单的样式表也不是过于华丽

主样式表总计约8KB,比Bootstrap缩小的样式表(平均110KB-120KB) 小十倍

每个Cutestrap网站都使用垂直节奏 ,将其预先定义的网格系统很好地融合在一起。 所有默认的版式设置都有各自的行高值 ,这些值相应地匹配。

所有特异性都保持在最低水平,因此您可以根据需要轻松覆盖任何设置

您可以在主页上找到大量示例 。 它列出了演示以及源代码以及表单元素,网格,按钮和其他Cutestrap组件。

cutestrap网格布局

Cutestrap不仅是Normalize绝佳替代品,而且编辑起来也超级容易 。 Cutestrap可以作为基础框架很好地工作 ,您可以根据自己的喜好对其进行修改。

所有CSS类均遵循BEM方法进行命名和层次结构。 可以使用您自己的BEM样式表扩展该约定,尽管您当然不必遵循相同的命名约定。

网格主要依靠Flexbox ,您可以将Cutestrap的样式表下载为纯CSSSass格式

我想不出一个易于设置甚至更易于定制的更好的前端替代方案。 所有默认HTML元素都有定义的样式,因此您可以从字面上将Cutestrap添加到您的网站并开始编码。 该设计不会有太大的变化,但是看起来会比浏览器的默认设置好得多

要了解更多信息,请访问Cutestrap网站 ,您可以在其中浏览功能下载CSS样式表的副本


翻译自: https://www.hongkiat.com/blog/cutestrap-css/

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值