バックエンドプログラマのためのフロントエンドへの道 04html要素分類_html/css_WEB-ITnose

目次

ブロックレベル要素

インライン要素

インラインブロックレベル要素

概要

1. ブロックレベル要素 (ブロック)

定義 : デフォルトでは、1 行を占める要素はブロックレベルの要素です。

機能 :

1. 各ブロックレベルの要素は新しい行で始まり、その後の要素も新しい行で始まります。 (これは本当に強引で、ブロックレベルの要素が 1 行を占有します)
2. 要素の高さ、幅、行の高さ、上下の余白を設定できます
3. 次の場合、要素の幅は親コンテナの 100% になります。設定されていません(親要素と同じ幅)。

共通のブロックレベル要素:

、

、

...

、

、

、

、、

、

、

2. インライン要素 (インライン)

定義: インライン要素。インライン要素とも呼ばれます。デフォルトでは、他の要素と同じ行 にあり、高さ、幅などが設定 できない要素は、インライン要素です。

機能

:

と他の要素は同じ行にあります

要素の高さ、幅、上下の余白は設定できません
1. 要素の幅はテキストの幅です。またはそれに含まれる画像、変更不可。
2. 一般的なインライン要素: 、、
   、、、、、 ;var>、、
3. 3. インラインブロック

定義

: デフォルトでは、他の要素

と同じ行 、および要素の高さ、幅など。 設定可能

要素はインライン要素です

特徴 : と他の要素はすべて同じ行上にあります

要素の高さ、幅、行の高さ、上端と下端の距離を設定できます。 。

一般的なインライン ブロック レベル要素
1. : 、
2. IV. 概要

どのような種類の要素であっても、CSS の display 属性を介して接続できます。お互いに変換します。