Cube – 來自阿里媽媽的CSS（樣式）解決方案

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(自適應按鈕)