MdN Design｜総合情報サイト

CSSフレームワークは、ブラウザごとのデフォルトスタイルをリセットできたり、レイアウト向けに汎用性の高いスタイルが定義されているライブラリだ。JavaScriptライブラリと同様にXHTMLへCSSファイルをリンクさせれば、idまたはclass属性を追加するだけで段組みレイアウトを簡単に実現できる【1】。Adobe Photoshopなどでスライス画像を用意する場合は、レイアウトの枠組みを作成後、画面をキャプチャしたものを下書きにするとよい【2】【3】。 【1】Blueprint CSSのレイアウトサンプル（blueprintcss.org/sample.html）。グリッドに沿って要素が整然と並んでいるのがわかる 【2】YUI Grids CSSのテンプレートを配布している「IronMyers」（layouts.ironmyers.com/）のように、要素に高さや背景色を指定すればよい