Zu den CSS-Blockelementen gehören: Adresse, Blockquote, Dir, Div, Dl, Form, HR, Ol, P, Pre, Table, Ul, Caption, Dd, Fieldset, Li, Legende, Noframes, Noscript, H1–H6 usw . .
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Die Definition von CSS-Elementen auf Blockebene
Gemäß der Erklärung von W3C bedeutet dies, dass Blockelemente (Blockebene) in einer eigenen Zeile angezeigt werden. Seine Geschwisterelemente dürfen sich nicht in derselben Zeile wie es befinden (es sei denn, sie befinden sich außerhalb des Dokumentflusses). Tatsächlich sind Blockelemente für Laien im Allgemeinen Containerelemente für andere Elemente und können andere Blockelemente oder Inline-Elemente aufnehmen. Die gebräuchlichsten sind P und div. Vereinfacht ausgedrückt ist das Blockelement wie ein Vier-Quadrat-Feld, das weitere vier Quadrate aufnehmen und an einer beliebigen Stelle auf der Seite angezeigt werden kann.
Wenn Sie die obige Definition von CSS-Elementen auf Blockebene immer noch nicht verstehen, werfen wir einen Blick auf die drei Merkmale von CSS-Elementen auf Blockebene:
Jedes Element auf Blockebene belegt seine eigene Zeile und die Folgende Elemente sind ebenfalls vorhanden. Sie können nur eine neue Zeile beginnen und zwei Elemente können nicht dieselbe Zeile teilen.
Die Höhe, Breite, Zeilenhöhe sowie der obere und untere Rand des Elements können eingestellt werden.
Wenn die Breite des Elements nicht festgelegt ist, wird standardmäßig die Breite des übergeordneten Elements verwendet.
Nachdem wir die Eigenschaften dieser drei CSS-Elemente auf Blockebene gelesen haben, ist es an der Zeit, die CSS-Elemente besser zu verstehen. Schauen wir uns dann an, was die CSS-Elemente auf Blockebene sind.
Gemeinsame CSS-Elemente auf Blockebene:
Adresse: Adresse.
Blockzitat: Blockzitat.
Mitte: Heben Sie den ausgerichteten Block an.
dir: Verzeichnisliste.
div: Häufig verwendete Blockebene, es ist auch das Haupt-Tag von CSSlayout.
dl: Definitionsliste.
Feldsatz: Kontrollgruppe bilden.
Formular: interaktives Formular.
h1–h6: Titel.
hr: horizontaler Teiler.
isindex: Eingabeaufforderung. Menü: Menüliste.
noframes: Frames optionaler Inhalt (dieser Blockinhalt wird für Browser angezeigt, die keine Frames unterstützen).
noscript: Optionaler Skriptinhalt (wird für Browser angezeigt, die kein Skript unterstützen).
ol: Bestelltes Formular.
p: Absatz.
pre: Formatierter Text.
Tabelle: Tabelle.
ul: Ungeordnete Liste.
Empfohlenes Lernen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas sind die gemeinsamen Blockelemente in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
