css:レイアウトに関する属性

css-margin-padding.gif

margin

マージンは領域間のスペース、

padding

パディングは領域内のスペース

サイドバーを作りたい時

float:左または右に寄せて配置する
サイドバーを作りたい時は、

#sidebar{
    width: 200px;
    float: left;
    clear:left;
}

clearはfloatプロパティで左寄せ、 または右寄せを指定された要素に対する回り込みを解除する際に使用します。

float 段組み

left 指定した要素を左に寄せます。後に続く内容はその右側に回り込みます。
right 指定した要素を右に寄せます。後に続く内容はその左側に回り込みます。
none 特に配置を指定しません。これが初期値です。

floatによる回りこみを解除する

clear:left; /clear:right; /clear:both;

手前・奥(z-index)重なりの順序を指定する

z-indexプロパティは、ボックスの重なりの順序を指定する際に使用します。 z-indexプロパティは、positionプロパティでstatic以外の値が指定されている要素に適用されます。
z-indexの数値が高いほど手前になる。

overflow

overflowはコンテンツがはみ出た時にどう処理するかを指定します。
visible はみ出して表示する
scroll はみ出たらスクロールバーを出して見れるようにする
hidden はみ出た部分は切り取って表示しない
auto  ブラウザに依存

行間

line-height: 行間の値(正確には、フォントサイズと上下の余白合計値)

サポートサイト Wikidot.com