您的位置:阿里西西 > 前端技术 > 界面设计 > 详细内容

Cube – 来自阿里妈妈的CSS(样式)解决...

  本站整理   互联网   2016-01-15   点击:   我要评论
Cube是由阿里妈妈团队创建。取自电影 《Cube》。电影里的 Cube 是个构造错综复杂的立方体,取这个名字,则是希望此项目能回归立方体的本意,和电影的愿景, 即项目应简单,一横一竖,自成一体。

Cube

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

包含模块

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

使用

1 <link rel="stylesheet" type="text/css" href="http://g.tbcdn.cn/thx/cube/1.2.1/cube-min.css">

下载

最新 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:

  <link rel="stylesheet" type="text/css" href="http://g.tbcdn.cn/thx/cube/1.2.1/??cube-min.css,type-min.css">

模块演示

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



更多关于 的文章
相关阅读
会员评论所有会员评论

  

相关排行总榜

网页教程

站长文章

特效排行