スポンサーサイト

--年--月--日 --:--

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[css][学習]ボックスレイアウトについて

2009年03月28日 23:53

最近CSSについて猛烈に勉強してます。
CSSについてはほとんど理解しないまま、ある程度分かってるつもりでしたが、深いですね。(汗)
CSSって。

まだまだ理解し切れません。


今回ボックスレイアウトについて少しだけ書きたいと思います。

width は コンテンツ
padding は 内余白
border は 枠線
margin は 外余白
のことです。

だけどこれじゃちょっと覚えにくいですよね。


一目で言いえていてるサイトがあったので紹介します。
CSS講座 - 目で見るボックスレイアウト
ここで例えているのはボックスレイアウトを家に例えています。
width は 家の幅
padding は 庭の範囲
border は 家の壁の厚さ
margin は 隣の家までの距離

のように例えています。
なるほど。
分かりやすい!


あとここで作ってみたツールっていうのも理解の助けになると思います。
スポンサーサイト


コメント

  1. YUU | URL | -

    Re: [css][学習]ボックスレイアウトについて

    おお!いいねぇ!
    自分もmarginとpaddingの違いが曖昧だったのでリンクはとても参考になりました(>▽<)

    また何か虎の巻的なものあったらよろしく~

    これ有名なサイトみたいですね。
    http://reference.sitepoint.com/css
    英語サイトですが、ブラウザ毎の対応表って結構使えるかも。

  2. appli | URL | -

    Re: Re: [css][学習]ボックスレイアウトについて

    コメントありがとです!
    お役に立てたなら良かったです。
    おーリファレンス分かりやすそうですね。
    ただ英語のサイトは....笑

コメントの投稿

(コメント編集・削除に必要)
(管理者にだけ表示を許可する)

トラックバック

この記事のトラックバックURL
http://applicott.blog63.fc2.com/tb.php/69-1557a724
この記事へのトラックバック



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。