CSS 表示のいくつかのプロパティ、float、clear、overflow、visibility

などの行レベル要素を含めることができます。また、ブロックレベル要素と行レベル要素の両方を含めることもできます。

2. インライン要素: インライン要素

インライン要素、インライン要素などとも呼ばれ、一般にセマンティック レベル (セマンティック) に基づく基本要素であり、テキストまたはその他のインライン要素、一般的なインライン要素「a」。たとえば、SPAN 要素、IFRAME 要素、および要素スタイルの表示: inline はすべてインライン要素です。たとえば、テキストなどの要素は文字の間に水平に配置され、自動的に右端に折り返されます。

3. ブロック要素の特徴

①、常に新しい行で始まり、高さ、行の高さ、外側と内側のマージンをすべて制御できます


③幅が設定されていない限り、幅はコンテナのデフォルトの 100% になります。


④、インライン要素と他のブロック要素を収容できます

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

②、高さ、行の高さ。そして、マージンとパディングは変更できません


③、幅はテキストまたは画像の幅であり、変更できません

④、インライン要素はテキストまたは他のインライン要素のみを収容できます

• 高さの設定は無効ですが、line-height を通じて設定できます。

• 余白の設定は左右の余白のみ有効で、上下の余白は無効です。

• パディングの設定は、左右のパディングにのみ有効であり、上下には有効ではありません。要素のスコープは拡大されますが、要素の周囲のコンテンツは影響を受けないことに注意してください。

5. 共通ブロック要素

address - アドレス

6. 共通のインライン要素

• abbr – 略語

• 頭字語 – 頭文字

• b – 太字 (非推奨)

• bdo – Bidi override

• big – 大きなフォント

• br – 改行

• cite – 引用

• code – コンピューターコード (ソースコードを引用する場合に必要)

• dfn – フィールドの定義

• em – 強調

• font – フォント設定 (非推奨)

• i – 斜体

• img – 画像

• input – 入力ボックス

• kbd – キーボードテキストを定義

• label – テーブルラベル

• q – 短い引用符

• s – アンダースコア (推奨されません)

• samp – サンプルコンピューターコードの定義

• select – プロジェクトの選択

• small – 小さなフォントのテキスト

• span – 一般的に使用されるインラインコンテナー、内のブロックを定義しますテキスト

• strike – アンダースコア

• strong – 太字強調

• sub – 下付き文字

• sup – 上付き文字

• textarea – 複数行のテキスト入力ボックス

• tt – テレックステキスト

• u – 下線

7. インライン要素とブロックレベル要素の違いは何ですか?

違い 1:

ブロックレベル:

インライン要素は排他的な行を占有せず、隣接するインライン要素は同じ行に配置されます。内容に応じて幅が変わります。

ブロックレベル: ブロックレベル要素は幅と高さを設定できます

インライン: インライン要素は幅と高さを設定できません

ブロックレベル要素は margin と padding で設定できます

margin-right; padding-right

margin-bottom; は有効になりません。 違い 4: ブロックレベル: