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

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

包含模块

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

使用

<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(自适应按钮)

PS：多看看前端框架的CSS，能从中学到很多规范性的东西，对自己以后写样式也有好处，之前也介绍过国产web前端框架推荐之–NEC（网易）