Cube是由阿里妈妈团队创建。取自电影 《Cube》。电影里的 Cube 是个构造错综复杂的立方体,取这个名字,则是希望此项目能回归立方体的本意,和电影的愿景, 即项目应简单,一横一竖,自成一体。
官网地址:http://thx.github.io/cube/
github:https://github.com/thx/cube
包含模块
使用
[html]<link rel="stylesheet" type="text/css" href="http://g.tbcdn.cn/thx/cube/1.2.1/cube-min.css">
[/html]
下载
最新 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:
[html]<link rel="stylesheet" type="text/css" href="http://g.tbcdn.cn/thx/cube/1.2.1/??cube-min.css,type-min.css">
[/html]
模块演示
utils(工具类) | type(照顾中文的版式设计) | layout(更加丰富的布局) | button(自适应按钮)
PS:多看看前端框架的CSS,能从中学到很多规范性的东西,对自己以后写样式也有好处,之前也介绍过国产web前端框架推荐之–NEC(网易)