displayは要素をブロック要素とインライン要素のどちらとして扱うか、およびその子要素のために使用されるレイアウト、例えば フローレイアウト、グリッド、フレックスなどを設定します。
正式には、 display プロパティは要素の内側と外側の表示種別を設定します。
| <div> | 特に意味を持たない、汎用的なブロック要素 |
| <header> | ヘッダーコンテンツを示すブロック要素 |
| <footer> | フッターコンテンツを示すブロック要素 |
| <main> | メインコンテンツを示すブロック要素 |
| <section> | セクションのまとまりを示すブロック要素 |
| <article> | 投稿コンテンツを示すブロック要素 |
| <h1>〜<h6> | 見出しを示すブロック要素 |
| <form> | フォーム入力エリアを示すブロック要素 |
| <p> | 段落を示すブロック要素 |
| <table> | テーブルのエリアを示すブロック要素 |
参考にしたサイト
display - CSS | MDN
display は CSS のプロパティで、要素をブロックボックスとインラインボックスのどちらとして扱うか、およびその子要素のために使用されるレイアウト、例えば フローレイアウト、グリッド、フレックスなどを設定します。
developer.mozilla.org
【CSS】displayの使い方を総まとめ！inlineやblockの違いは？
CSSの難関「display」プロパティについて初心者でも分かるように丁寧に解説します。inline、block、inline-block、noneとは？違いは？
saruwakakun.com
CSSのdisplay:block;とは？ブロック要素について詳しく解説 | 侍エンジニアブログ
この記事では「 CSSのdisplay:block;とは？ブロック要素について詳しく解説 」について、誰でも理解できるように解説します。この記事を読めば、あなたの悩みが解決するだけじゃなく、新たな気付きも発見できることでしょう。お悩みの方は...
www.sejuku.net
