"margin" と "padding"

これはice_2col_ver2のメイン（記事）部分です　↓


分かりやすいように色づけしたものがこれです　↓


この色で囲ってある枠は「main」の部分です。
この色の背景色は「main」の背景色で、「main_title」や「main_text」からの
”margin” がこれに含まれます。


この色で囲ってある枠は「main_title」と「main_text」の部分です。
この色の背景色は「main_title」や「main_text」の背景色で、
それぞれの要素の ”padding” がこれに含まれます。


ちょっと分かりにくいですが、拡大して書き込んでみました　↓


このように、枠の外の空白を指定するのが[margin]
枠の中の空白を指定するのが[padding] です。


実際に使える大きさは 　この部分　 だけですが、周りに”margin” や ”padding”を
作ることで、文字の位置を決めたり、文字がぎゅうぎゅうにならないようにすることができます。


ちなみにmarginとpaddingを0pxにするとこんな感じです↓


ね？窮屈で読みにくいでしょ？


数値が大きいほど、空白が大きくなっていきます。
数値の指定の仕方はこちらの記事に書いてありますので参考にしてみて下さい。

また、こちらのサイトさんはとても分かりやすく丁寧に書いてあるのでオススメです。
Tagland　（HOME → CSS機能別 → ボックス）





･･･と、かなり拙い説明ではありましたが、なんとなーく分かってもらえましたか？（汗
記事を書くのに時間がかかったわりには、読み返してみると内容がすごい雑というか、「これじゃ全然足らんだろっ!!」という感じが満載なんですが、そこらへんはあくまでも「テンプレート配布」がメインという事で大目に見て下さい･･･ホントすみません。