HTML 要素タイプ: ブロックレベル要素、インライン要素 (インライン要素とも呼ばれる)、およびインラインブロックレベル要素。 _html/css_WEB-ITnose

HTML のタグ要素は、通常、ブロック レベル要素、インライン要素 (インライン要素とも呼ばれる)、およびインライン ブロック レベル要素の 3 つの異なるタイプに分類されます。

ブロックレベル要素の特徴:

1. 各ブロックレベル要素は新しい行で始まり、後続の要素も新しい行で始まります。 (1つのブロックレベル要素が1行を占有する)

2. 要素の高さ、幅、行の高さ、上下の余白を設定できます。

3. 要素の幅が設定されていない場合、その幅は親コンテナの 100% (親要素の幅と同じ) です

一般的に使用されるブロック要素は次のとおりです:

、

、

...

、

、

、

、、

、

、

Set display :block; は要素をブロックレベルの要素に変換できます。

インライン要素の特徴:

1. 他の要素と同じ行にあります。

2. 要素の高さ、幅、上下の余白は設定できません。要素はその内容です。テキストや画像の幅は変更できません。

一般的に使用されるインライン要素は次のとおりです:

、、
、、、、、

display:inlineを設定すると、ブロック要素をインライン要素に変換できます

インラインブロックレベル要素の特徴:

(インライン要素とブロックレベル要素の両方の特性を持ちます)

1、およびその他の要素line; 2. 要素の高さ、幅、行の高さ、上下の余白を設定できます。

一般的に使用されるインライン ブロック要素は次のとおりです:


,

display:inline-block; float:left / right; 要素はインライン ブロック レベル要素として設定できます。