Heim >Web-Frontend >CSS-Tutorial >Was sind die häufigsten CSS-Elemente auf Blockebene?

Was sind die häufigsten CSS-Elemente auf Blockebene?

王林
王林nach vorne
2020-11-12 15:45:314299Durchsuche

Was sind die häufigsten CSS-Elemente auf Blockebene?

Einführung in CSS-Elemente auf Blockebene:

(Lernvideo-Sharing: CSS-Video-Tutorial)

Gemäß der Erklärung auf W3C bedeutet dies, dass Blockelemente (Blockebene) exklusiv angezeigt werden 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 Jedes Element auf Blockebene belegt seine eigene Zeile Nachfolgende Elemente sind ebenfalls vorhanden. Sie können nur eine neue 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.

Gemeinsame CSS-Elemente auf Blockebene:

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:无序列表。

Verwandte Empfehlungen: CSS-Tutorial

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

Stellungnahme:
Dieser Artikel ist reproduziert unter:gxlcms.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen