タグ

ブックマーク / www.mdn.co.jp (1)

  • MdN Design|総合情報サイト

    Blueprint CSSは、固定幅のレイアウトに適したCSSフレームワークだ。親要素の幅に対して1/2、1/3といった割合でカラムが生成されるYUI Grids CSSに比べて、「カラム何個分」といった形で指定を行うため、より精密なレイアウトを実現できる。また、フォームや印刷向けのCSSも提供されており、利用範囲が広い点も魅力だ。 導入にあたり配布元からソースをダウンロードし【1】、XHTMLの<head>にリンクの記述を行う【2】。<body>直下にはコンテナタグ(div.container)を用意し、その中に「.span-」で始まるclass属性を加えた<div>を定義する。ここで指定する数値がカラム数にあたる。デフォルトでは全体の幅950pxに対し、ひとつのカラムが幅30pxとなるため、行当たりのカラムの合計数が「24」になるように調整しよう。それぞれのカラムには共通で10pxの右

    MdN Design|総合情報サイト
    cnosuke
    cnosuke 2011/03/05
  • 1