Heim  >  Artikel  >  Web-Frontend  >  Was ist die Definition von CSS-Elementen auf Blockebene? Was sind die CSS-Elemente auf Blockebene?

Was ist die Definition von CSS-Elementen auf Blockebene? Was sind die CSS-Elemente auf Blockebene?

不言
不言Original
2018-09-04 16:10:277008Durchsuche

Was sind CSS-Elemente auf Blockebene? Einige Freunde, die gerade CSS gelernt haben, verstehen dieses Problem möglicherweise nicht gut. In diesem Artikel werde ich Ihnen die Definition von CSS-Elementen auf Blockebene vorstellen und was sind die CSS-Elemente auf Blockebene?

Die Definition von CSS-Elementen auf Blockebene

Gemäß der Erklärung auf W3C werden Blockelemente (Blockebene) auf ihrem angezeigt eigene Linie. 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:

1 Das Element ist eindeutig. Wenn es eine Zeile einnimmt, können die folgenden Elemente nur in einer anderen Zeile beginnen und zwei Elemente können nicht dieselbe Zeile teilen.

2. Höhe, Breite, Zeilenhöhe sowie oberer und unterer Rand des Elements können eingestellt werden. ​

3. Wenn die Breite des Elements nicht festgelegt ist, wird standardmäßig die Breite des übergeordneten Elements verwendet.

Nachdem Sie die Eigenschaften dieser drei CSS-Elemente auf Blockebene gelesen haben, sollten Sie nun ein besseres Verständnis für CSS-Elemente haben. Schauen wir uns dann an, was die CSS-Elemente auf Blockebene sind.

Was sind die CSS-Elemente auf Blockebene?

Gemeinsame CSS-Elemente auf Blockebene:

address: Adresse.
address : 地址。
blockquote:块引用。
center:举中对齐块。
dir:目录列表。
div: 常用块级容易,也是CSS layout的主要标签。
dl:定义列表。
fieldset:form控制组。
form:交互表单。
h1– h6:标题。
hr:水平分隔线。
isindex :input prompt。
menu:菜单列表。
noframes:frames可选内容,(对于不支持frame的浏览器显示此区块内容)。
noscript :可选脚本内容(对于不支持script的浏览器显示此内容)。
ol:有序表单。
p: 段落。
pre:格式化文本。
table:表格。
ul:无序列表。
Blockzitat: Blockzitat.

Mitte: Ausrichtungsblock zentrieren. dir: Verzeichnisliste. div: Häufig verwendete Blockebene, es ist auch das Haupt-Tag des CSS-Layouts.

dl: Definitionsliste.

Feldsatz: Kontrollgruppe bilden.

Formular: interaktives Formular.

h1–h6: Titel. hr: horizontaler Teiler. isindex: Eingabeaufforderung.

menu: 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.
Dies ist die Einführung von CSS-Elementen auf Blockebene. Der nächste Artikel stellt Ihnen vor: Was sind die CSS-Inline-Elemente? Der Unterschied zwischen CSS-Elementen auf Blockebene und Inline-Elementen . Verwandte Empfehlungen: Was sind Inline-Elemente und Block-Level-Elemente? _html/css_WEB-ITnoseEinführung in CSS-Elemente auf Blockebene/Inline-Elemente, Vererbung und verwandte Attribute

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

Stellungnahme:
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