960 Grid System のクラスと内容

960 Grid System の 960.css で設定されているクラスをまとめてみる。

class 内容
.container_12, .container_16 全体を囲む。コンテナ。
.grid_1 … .grid_X グリッドX個分の幅。左右にマージンが10px。
.prefix_1 … .prefix_X 左 padding をグリッドX個分。
.suffix_1 … .suffix_X 右 padding をグリッドX個分。
.push_1 … .push_X グリッドX個分右にずらす。(position: relative と left をプラス方向に指定)
.pull_1 … .pull_X グリッドX個分左にずらす。(position: relative と left をマイナス方向に指定)
.alpha 左マージン0
.omega 右マージン0
.clear フロートのクリア
.clearfix clearfix