【CSS超初心者向け】パディング、マージン、width、heightを視覚的に理解したい

概要

初めてwebサイトを作成したときに、CSSを思うように使いこなせなかった為、パディング•マージンやwidth•heightへの理解を深めるために自分用に作った資料です。
もし同じように困っている方の役に立てればと思い記事にしました。

対象者

「パディングって何？」くらいの超初心者向けです。
HTMLに関しては<h1>とか<p>とかのタグを使うという知識があれば分かる内容だと思います。

詳細

おわりに

プロフィールに載せている通り執筆者自身も初心者です。
なるべく正しい情報をと思ってはいますが、間違いがあるかもしれません。
お気付きの事があれば優しく教えて頂けると嬉しいです。