CSS-Wing极简的 CSS 框架

联合创作 · 2023-09-23 23:29

前端生态系统有着各种各样的开源框架,这些框架都能让开发者的工作更简单一些。一般情况下,每一个人都有自己不同的需求,有的人看重设计美学,而其他一些人看重的是速度和可用度。

Wing是一个新的框架,也是极简主义爱好者的好朋友。它提供了默认格栅布局、自定义元素以及各种组件,而且它的体积只有5KB。

Wing最好的地方,在于它针对默认元素提供了自动样式(auto-styling)功能。当你将Wing CSS样式表放在你的项目之后,你会立刻看到改变。

默认的文字、连接、和页面元素会自动被更改成Wing的设计语言。你还可以添加额外的类来丰富页面的设计。

Wing提供了12栏架构的960px格栅系统。这个简单的布局和960px的格栅在当今宽屏显示器上可能会显得过小,但是如果你喜欢较小的网站,它会是一个不错的选择。

http://usewing.ml/就是一个非常简洁的示例,它的代码是这样的:

<div class="row">

  <div class="col">1</div>

  <div class="col">2</div>

  <div class="col">3</div>

</div>
浏览 9
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报