HTML-Tags (Elemente) können in zwei Kategorien unterteilt werden, nämlich Elemente auf Blockebene und Inline-Elemente (auch Inline-Elemente genannt).
1. Inline-Elemente (Inline)
1. Das Konzept der Inline-Elemente
Inline-Element (ein Konzept in der HTML-Spezifikation) Englisch: Inline-Element, das viele chinesische Namen hat, wie zum Beispiel: Inline-Element, Inline-Element, Inline-Element, Inline-Element usw. Grundsätzlich gibt es keine einheitliche Übersetzung. Darüber hinaus ist bei Inline-Elementen normalerweise das Attribut display:inline beteiligt; dieses Attribut kann das berühmte IE-Problem mit doppelten schwebenden Rändern beheben.
2. Eigenschaften von Inline-Elementen
① In derselben Zeile wie benachbarte Inline-Elemente;
②Die Breite (width), die Höhe (height), die Ober-/Unterseite des Innenrands (padding-top/padding-bottom) und die Ober-/Unterseite des Außenrands (margin-top/margin-bottom) können nicht geändert werden.
③Die Breite entspricht der Breite des Textes oder Bildes und kann nicht geändert werden.
④Inline-Elemente können nur Text oder andere Inline-Elemente aufnehmen
Bei der Verwendung von Inline-Elementen müssen Sie auf folgende Punkte achten:
• Breiteneinstellung Breite ist ungültig;
• Das Festlegen von height height ist ungültig, aber die Zeilenhöhe kann über line-height festgelegt werden.
• Der Rand kann eingestellt werden, er wirkt sich jedoch nur auf den linken und rechten Rand aus, nicht auf den oberen und unteren Rand.
• Beim Festlegen des inneren Abstandsrands ist nur der linke und rechte Abstand gültig, während der obere und untere Abstand ungültig ist. Es ist zu beachten, dass der Bereich des Elements vergrößert wird, dies jedoch keine Auswirkungen auf den Inhalt um das Element herum hat ;
• Sie können ein Element über das Anzeigeattribut zwischen einem Inline-Element und einem Blockebenenelement umschalten.
3. Gemeinsame Inline-Elemente in HTML-Tags
2. Elemente auf Blockebene (Block)
1. Das Konzept der Elemente auf Blockebene
Das Blockelement (Blockelement) und das entsprechende Inline-Element (Inline-Element) sind Konzepte in der HTML-Spezifikation. Der grundlegende Unterschied zwischen Blockelementen und Inline-Elementen besteht darin, dass Blockelemente im Allgemeinen in einer neuen Zeile beginnen und benachbarte Elemente auf Blockebene in unterschiedlichen Zeilen angezeigt werden.
2. Eigenschaften von Elementen auf Blockebene
①Besetzen Sie immer eine Zeile, was bedeutet, dass Sie in einer anderen Zeile beginnen und die nachfolgenden Elemente ebenfalls in einer anderen Zeile angezeigt werden müssen.
② Breite, Höhe, Polsterung und Rand können alle gesteuert werden;
③Wenn die Breite des Elements auf Blockebene weggelassen wird, entspricht seine Breite standardmäßig der Breite des aktuellen Browserfensters.
④Elemente auf Blockebene können andere Inline-Elemente und Elemente auf Blockebene enthalten.
3. Gemeinsame Elemente auf Blockebene in HTML-Tags