并非每个项目都需要一个大型框架 。 Foundation和Bootstrap都是出色的,广泛支持的前端框架。
有时一个Web项目只需要一些简单的东西 。 这正是Cutestrap所提供的。
Cutestrap将自己描述为“介于normalize.css和完整框架之间的内容” 。 这是一个很好的描述,因为它不是简单的样式表 , 也不是过于华丽 。
主样式表总计约8KB,比Bootstrap缩小的样式表(平均110KB-120KB) 小十倍 。
每个Cutestrap网站都使用垂直节奏 ,将其预先定义的网格系统很好地融合在一起。 所有默认的版式设置都有各自的行高值 ,这些值相应地匹配。
所有特异性都保持在最低水平,因此您可以根据需要轻松覆盖任何设置 。
您可以在主页上找到大量示例 。 它列出了演示以及源代码以及表单元素,网格,按钮和其他Cutestrap组件。
![cutestrap网格布局](https://i-blog.csdnimg.cn/blog_migrate/9db445e3e0b8bacf48f918fcb6d1c94a.png)
Cutestrap不仅是Normalize的绝佳替代品,而且编辑起来也超级容易 。 Cutestrap可以作为基础框架很好地工作 ,您可以根据自己的喜好对其进行修改。
所有CSS类均遵循BEM方法进行命名和层次结构。 可以使用您自己的BEM样式表扩展该约定,尽管您当然不必遵循相同的命名约定。
网格主要依靠Flexbox ,您可以将Cutestrap的样式表下载为纯CSS或Sass格式 。
我想不出一个易于设置甚至更易于定制的更好的前端替代方案。 所有默认HTML元素都有定义的样式,因此您可以从字面上将Cutestrap添加到您的网站并开始编码。 该设计不会有太大的变化,但是看起来会比浏览器的默认设置好得多 。
要了解更多信息,请访问Cutestrap网站 ,您可以在其中浏览功能并下载CSS样式表的副本 。