Heim > Web-Frontend > CSS-Tutorial > Was sind Elemente auf Blockebene in CSS?

Was sind Elemente auf Blockebene in CSS?

王林
Freigeben: 2020-11-30 10:36:30
Original
4068 Leute haben es durchsucht

Elemente auf Blockebene in CSS beziehen sich auf Blockelemente, und ihre entsprechenden Inline-Elemente sind Konzepte in der HTML-Spezifikation. Die Eigenschaften von Blockelementen sind: 1. Beginnen Sie immer in einer neuen Zeile. 2. Zeilenhöhe, Höhe und Ränder können 3. Kann Inline-Elemente und andere Blockelemente aufnehmen.

Was sind Elemente auf Blockebene in CSS?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3-Version. Diese Methode ist für alle Computermarken geeignet.

(Lernvideo-Sharing: CSS-Video-Tutorial)

Einführung in Elemente auf Blockebene:

Blockelement wird auch als Blockelement (Blockelement) bezeichnet, und sein Gegenstück ist Inline-Element (Inline-Element), beides Das sind HTML-Konzepte in Spezifikationen. 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. Wenn die CSS-Steuerung hinzugefügt wird, wird dieser Attributunterschied zwischen Blockelementen und Inline-Elementen nicht mehr zu einem Unterschied.

Zum Beispiel können wir einem Inline-Element ein Attribut wie display:block hinzufügen, sodass es auch das Attribut hat, jedes Mal in einer neuen Zeile zu beginnen, d. h. es wird zu einem Blockelement. Ebenso können wir ein hinzufügen Attribut wie display:inline zu einem Blockelement hinzufügen, sodass es auch in einer Zeile ausgerichtet ist.

Eigenschaften des Blockelements

1. Beginnt immer in einer neuen Zeile;

3. Die Standardbreite beträgt 100% seines Containers angegeben ist.

4. Es kann Inline-Elemente und andere Blockelemente aufnehmen

Verwandte Empfehlungen:

CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWas sind Elemente auf Blockebene in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage