首页 >web前端 >html教程 >Cube – 来自阿里妈妈的CSS(样式)解决方案_html/css_WEB-ITnose

Cube – 来自阿里妈妈的CSS(样式)解决方案_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:29:001577浏览

导语 Cube是由阿里妈妈团队创建。取自电影 《Cube》。电影里的 Cube 是个构造错综复杂的立方体,取这个名字,则是希望此项目能回归立方体的本意,和电影的愿景, 即项目应简单,一横一竖,自成一体。官网地址:ht

Cube是由阿里妈妈团队创建。取自电影 《Cube》。电影里的 Cube 是个构造错综复杂的立方体,取这个名字,则是希望此项目能回归立方体的本意,和电影的愿景, 即项目应简单,一横一竖,自成一体。

官网地址: http://thx.github.io/cube/

github: https://github.com/thx/cube

包含模块

  • Neat:全新的样式重置
  • Layout:更加丰富的布局
  • Iconfont:海量图标字体
  • Button:自适应按钮
  • Type:照顾中文的版式设计

使用

1

下载

最新 CDN 地址:

  • cube.css http://g.tbcdn.cn/thx/cube/1.2.1/cube.css
  • cube.css 压缩版 http://g.tbcdn.cn/thx/cube/1.2.1/cube-min.css

选择与折衷

需要注意的是 cube.css 中将包含:

  • neat.css
  • iconfont.css
  • layout.css
  • utils.css
  • button.css

但不包含 type.css。因此在需要版式设计的网站,例如个人博客中,推荐一次加载 cube.css 与 type.css:

模块演示

utils(工具类) |  type(照顾中文的版式设计) |  layout(更加丰富的布局) |  button(自适应按钮)

浏览效果 立即下载

TAG:阿里 CSS 解决方案 Cube

分享到

本站欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

转载请注明: 文章转载自: 爱思资源网 http://www.aseoe.com/show-11-733-1.html

  • 上一篇: 国产web前端框架推荐之-NEJ(网易)
  • 下一篇:最后一页
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn