Detaillierte Einführung in den Unterschied zwischen Inline-Elementen und Elementen auf Blockebene

Zunächst legt die CSS-Spezifikation fest, dass jedes Element ein Anzeigeattribut hat, um den Typ des Elements zu bestimmen. Jedes Element hat einen Standardanzeigewert, der Block und Inline ist.

Elemente auf Blockebene: (Die folgenden sind die am häufigsten verwendeten Elemente auf Blockebene, Einzelheiten finden Sie unter w3cschool)

<p>定义文档中的分区或节   

<h1>定义最大的标题   

<h2>定义副标题   

<h3>定义标题   

<h4>定义标题   

<h5>定义标题   

<h6>定义最小的标题   

<ul>定义无序列表   

<ol>定义有序列表   

<li>定义有序列表或无序列表的列表项目   

<dl>定义自定义列表   

<dd>定义自定义列表中的条目   

<dt>定义自定义列表中的项目   

<hr>创建一条水平线   

<p>定义段落   

<table>定义表格   

<td>表格中的标准单元格   

<th>定义表头单元格   

<thead>标签定义表格的表头   

<tr>定义表格中的行

Inline-Elemente: (Die folgenden sind die am häufigsten verwendeten Inline-Elemente, Details finden Sie bei w3cschool)

<a>定义超链接   

<b>字体加粗   

<span>定义在文档中的行内元素   

<img>向网页中插入题图像   

<input>输入框   

<small>小号字体效果   

<br>换行   

<big>字体加大加粗   

<strong>强调的语气   

<select>创建单选或多选菜单   

<textarea>定义文本域，多行的文本输入控件

Inline-Elemente und Blockebene Der Unterschied zwischen Elementen:

1. Inline-Elemente und Blockebene-Funktionen können ineinander konvertiert werden umgeschaltet durch Ändern des Anzeigeattributwerts. Inline-Elemente display: inline , Blockebenenelement display: block.

2. Inline-Elemente und andere Inline-Elemente werden in einer horizontalen Zeile angeordnet, alle in derselben Zeile.

Elemente auf Blockebene werden immer in einer neuen Zeile angeordnet Ebenenelemente belegen eine exklusive Zeile und werden vertikal nach unten angeordnet. Wenn Sie sie horizontal sortieren möchten, können Sie sie mit dem linken und rechten Float (Float: links/rechts) horizontal anordnen.

3. Die Breite und Höhe von Inline-Elementen kann nicht mit der Änderung des Textinhalts eingestellt werden, aber die Zeilenhöhe (Zeilenhöhe) kann gleichzeitig festgelegt werden Beim Festlegen des äußeren Randes sind der obere und der untere Rand ungültig, der linke und der rechte Rand sind gültig und der innere Rand ist nach oben und unten ungültig, aber die Elemente auf Blockebene sind gültig Sie können Breite und Höhe festlegen und Breite, Höhe, Ränder und Innenpolsterung nach Belieben steuern.

4. Elemente auf Blockebene können Inline-Elemente und Elemente auf Blockebene enthalten und auch Inline-Elemente und andere Elemente aufnehmen.

Inline-Elemente können keine Elemente auf Blockebene enthalten, sondern nur Elemente auf Blockebene Text oder andere Elemente.

Der obige Artikel enthält ein umfassendes Verständnis des Unterschieds zwischen Inline-Elementen und Elementen auf Blockebene. Dies ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, dass er Ihnen eine Referenz geben kann die chinesische PHP-Website.

Ausführlichere Informationen zu den Unterschieden zwischen Inline-Elementen und Block-Level-Elementen finden Sie auf der chinesischen PHP-Website für verwandte Artikel!