不知道爲啥作者不寫個文檔,雖然框架非常輕量,且用起來很方便簡單,也浪費了我2天的時間來熟悉.(老人家是這樣的啦,哈哈)
我來寫吧,現在完全弄明白了,感覺未來的很長一段時間都會用它爲基礎.
整個框架就那麼幾個類:
.container_(number)
.grid_(number)
.prefix_(number)
.suffix_(number)
.pull_(number)
.push_(number)
.alpha
.omega
.clear
.clearfix
基礎用法
.container_(number)類
.container類提供了3種容器: 12等分, 16等分, 24等分.總寬度總是960px,這也是整個框架的基礎容器,也是它的名稱的來源.
.container是居中的,解決了各種瀏覽器的兼容性問題,container本身沒有內外間隔(margin和pardding),沒有border.
.grid_(number)類
寫法:
<div class="grid_xx"></div>
每個grid就是一個單元格,後面的數字的範圍取決於你選擇的container類的數字.不能爲0.
寫了個頁面的完整代碼,基本上代表了960css框架的用法.