960 Grid CSS Frameworkについて


960 Grid公式サイト
 
なぜか作者はドキュメントを書かないで、フレームワークはとても軽くて、しかも使いやすくて簡単で、私の2日間の時間を浪費して熟知しました.(お年寄りはこんなもんだよ、ははは)
私が書きましょう.今は完全に分かりました.未来の長い間それをベースにしているような気がします.
フレームワーク全体にはいくつかのクラスがあります.
.container_(number)
.grid_(number)
.prefix_(number)
.suffix_(number)
.pull_(number)
.push_(number)
.alpha
.omega
.clear
.clearfix

基本的な使い方


 

.container_クラス


.container類は3種類の容器を提供した:12等分、16等分、24等分.総幅は常に960 pxであり、これもフレーム全体のベースコンテナであり、その名前のソースでもある.
.container自体に内外間隔(marginとpardding)がなくborderがない.
 

.grid_クラス


書き方:
<div class="grid_xx"></div>

 
各gridはセルで、後ろの数字の範囲はあなたが選択したcontainerクラスの数字に依存します.0にはできません.
 
ページの完全なコードを書いて、基本的に960 cssフレームワークの使い方を代表しています.