【CSS】displayの使い方を総まとめ！inlineやblockの違いは？

【CSS】displayの使い方を総まとめ！inlineやblockの違いは？

CSSの難関「display」プロパティについて初心者でも分かるように丁寧に解説します。inline、block、inline-block、noneとは？違いは？

saruwakakun.com

 前回の講座

CSSのmarginとは？paddingとは？余白の指定方法まとめ

今回はCSSのdisplayプロパティをマスターしましょう。少し分かりづらい内容ではありますが、Webサイトを作るためには必ず理解しておく必要があります。

 この記事の目次

1. displayとは？
2. block
3. inline
4. inline-block
5. none
6. まとめ

 前提知識

この記事では「要素」という言葉を連発します。要素というのは、<タグ>〜</タグ>のカタマリを表します。たとえば、<p>これは例文です<p>は１つの要素です。