簡単アウトプット- 画面の考え方-

HTML/CSS

前回積み木に見立てて、画面の考え方を行いました。 今回は、

ブロック要素

について考えます

「長い四角」と表現しましたが、画面の幅（横幅）いっぱいに広がっている要素です。

この要素に当てはまるのが

1. h1
2. p
3. div
4. form

などの要素になります。

このブロック要素にCSSが指示できるのは

  • 高さ（height）
  • 幅（width）
  • 余白（margin外側、padding内側）

です。
基本的に幅いっぱいの積み木（四角）の中にこれらの要素が表示されると思ってもらえるとイメージがつくのではないでしょうか？！

難しいよ！って感じですよね。

とにかく、今回はブロック要素についての説明でした。 次回は、インライン要素。 これがイメージつくと、CSSで配置を変えるなどのイメージが簡単につきますので、結構大事かと。

次回へ！！