このサイトのマージンとパッディングの項目をご覧ください。
要はブロックの外か中かの違いです。
http://www.nextindex.net/web/CSS/index.html
スライダーを動かすと立体的にも把握できます。
http://www.redmelon.net/tstme/box_model/
paddingはborderより内側。marginはborderより外側です。
その他、垂直方向のmarginは相殺されます(例外あり)。
http://www.techdego.com/2007/05/margin_collapsing_css.php
ulだろうがliだろうがaだろうが、他のものでも基本的には同じ(厳密にはブロックレベル要素とインライン要素で違う)で、ただそれが入れ子になっているだけです。
ul,li,aに限りませんが、marginとpaddingについてはこの図が分かりやすいかと。
http://www.tagindex.com/stylesheet/box/margin.html
内の【マージンとパディング】を参照。
ちなみにIE5.0ではマージンの解釈にバグがあるのでご注意ください。
http://homepage1.nifty.com/emk/moz/browsertest.html
内の9.マージンの相殺を参照。
padding は、borderの内側の余白
margin は、borderの外側の余白
となります。
これは、tableであろうが、ul,li,a であろうが同じです。
http://www.web-mame.net/css_layout/beginner3.html
CSSの仕様書にULとLIを使った例が図示されているので、参考になると思います。
4.1 ブロックレベル要素 (CSS1)
http://www.y-adagio.com/public/standards/css1/cssmain.htm#block-...
8.2 マージン,パディング及び境界の例 (CSS2)
http://www.y-adagio.com/public/standards/tr_css2/box.html#mpb-ex...
ありがとうございます。こういう回答を求めていました。
コメントはありません