1月の授業日記

セレクタの指定先

• 通常タグ＞タグ{プロパティ:値}
• divタグ+class＞.class名{プロパティ:値}

ボックスモデル

CSSでは各要素が「ボックス」と呼ばれる矩形領域を持ち、以下のような設定が行える

margin

ボックス同士の外側の間隔

margin:値

border

ボックスの境界に枠線が指定できる

border:形状 太さ 色

padding

ボックス内側のボックスと内容物との余白

padding:値

ボックスのサイズ

ボックスの幅は親要素いっぱい、高さは内容物のサイズだが指定できる

width,height

ボックスの大きさをpxで指定できる

width,height:値

ボックスのセンタリング

ボックスの左右のマージンを同じ値にすると(auto)真ん中に配置される

margin:auto

互換モードの解除

IEはデフォルトでCSSの解釈が独自の古いIEとの互換モードになっているので切り替えが必要

＜!doctype html＞

(doctype宣言)をhtmlの1行目に入れる

きょうのひとこと

今日も色々なことを学びました。次回も頑張ります。