設定出来る値は次の通り。

数値＋単位 数値＋% auto

単位の紹介で示している単位で高さを指定します。 親要素の幅に対するパーセントで指定。上下マージンも幅を基準するので使いづらい？ ブラウザが自動で設定

マージンとは親要素、又は上下左右に隣接する要素いずれかとの距離を指定するものです。
簡単に言うと枠線の外側の余白を設定するものと覚えればよいでしょう。
4辺の上下左右をtop,bottom,right,leftで指定します。

例えばマージンがゼロなら隣接要素とピッタリとくっつき、
逆に一定の間隔を作りたい時は数値できっちり設定出来るのです。
マージンをうまく使えばbrを多用して無理に空白行を作るといったソースの汚さも回避出来ます。
デザインする時にかかせない大活躍のプロパティですから、是非使いこなしましょう。

なお上下に隣接する要素同士はマージンが相殺されて
大きく設定されている方のマージンが自動的に適用されます。
両方を足した値がマージンになる訳ではありません。
左右のマージンは相殺されないので、二つのマージンの合計値が間隔となります。
また親要素のpaddingも間隔の広さに関わってくるので注意しましょう。

サンプル

設定出来る値は次の通り（marginと同じ）。

数値＋単位 数値＋% auto

単位の紹介で示している単位で高さを指定します。 親要素の幅に対するパーセントで指定。上下マージンも幅を基準するので使いづらい？ ブラウザが自動で設定

paddingは要素内の余白部分の設定をします。
簡単に言うと枠線と値の間隔という事ですね。
枠線を使った表示をする場合、このパディングが無いと場合によっては見難くなりますので、
適度に余白をあけることが肝要です。
また間隔を調節する場合は子要素のマージンも考えましょう。
marginと同じく上下左右を一括で設定できます。詳細はこちらを参考にして下さい。

サンプル

ボックスにおける内容領域（ボーダーの内側）の大きさを設定します。
ただしブラウザによってパディングを含めるのか否かが異なるので、
自分の目で確かめながら使って下さいませ。

さて●に入れる値は以下の通りです。

数値＋単位 数値＋％ auto

単位の紹介で示している単位で指定します 親要素の幅、又は高さに対するパーセントで指定します ブラウザにより自動的に決められます

一つ注意点としてはwidthはインラインレベルの要素（span, a, font等）には適用されない・・という決まりがあります。

サンプル