CSS3を勉強したい

CSS3Cascading Style Sheets

ボックスモデルに関して

widthheightの指定は、デフォルトではボックス内のコンテンツ領域に適用されます。

box-sizingプロパティでは、widthheightの適用対象となる領域を、コンテンツ領域なのかpaddingborderを含めた領域なのかを指定することができます。

box-sizing: border-box;を指定すれば、そのボックスにpaddingborderを指定していても親要素に収まります。

margin: 0 auto;はブロックレベルの要素にのみ効果があります。

ただしその要素は、横幅を設定している必要があります。横幅を設定していないデフォルトの状態では、横いっぱいに広がっており余白がありませんので、margin: 0 auto;が効きません。