masayuki5160's diary

名古屋でエンジニアしてます。

CSSフレームワーク

レイアウトうまいことできないかな〜、
と思っていたらこんなのあったんですね。

960 Grid System
http://960.gs/

詳しい使い方はこちらで教えて頂きました。

初心者の頃わからなかったWeb用語
http://webdesignrecipes.com/what-is-the-framework/



簡単に使い方をめも。

1.http://960.gs/からファイルをダウンロード。

2.とりあえず使うのはcss/reset.css,css/960.css,css/text.cssなので下記のように宣言。

3.あとは使いたいようにカラムを組み合わせていく。

※だいぶはしょってますが、コードと実行例を見て頂ければなんとなくわかると思います。

実行結果はこんな感じ。




いままでレイアウトつくるだけであんなに時間かかってたのにw
ほんとたすかりました。