スタイル変更画面の見方・ボックス

 

マージンもパディングも共に余白を作るタグなのですが少し意味が違います。

下の図のようにmargin-left:30pxで左の余白を作るように指定すると、指定した範囲そのものが右に移動して、左に余白をつくります。

それに対し、padding-left:30pxで左の余白を作るように指定すると、指定した範囲の中に余白ができます。

 

※syadowは書いて説明するよりも、数値をいれて試したほうが断然わかりやすいので、数値を入れて試してみてください