Heim > Artikel > Web-Frontend > Was bedeutet Anzeige in CSS?
Was bedeutet Anzeige in CSS?
- 王林Original
- 2020-11-16 17:57:3317323Durchsuche
Die Anzeige in CSS ist ein Attribut, mit dem der Typ der Box angegeben wird, die generiert werden soll. Bei Dokumenttypen wie HTML muss das Anzeigeattribut mit Vorsicht verwendet werden, da es sonst möglicherweise die bereits in HTML definierte Anzeigehierarchie verletzt.
Attributeinführung: Das
display-Attribut gibt den Typ der Box an, den das Element generieren soll.
Bei Dokumenttypen wie HTML kann die Verwendung der Anzeige ohne Vorsicht gefährlich sein, da sie möglicherweise die bereits in HTML definierte Anzeigehierarchie verletzt. Da XML nicht über diese Art von Hierarchie verfügt, ist die gesamte Anzeige unbedingt erforderlich.
(Teilen von Lernvideos: CSS-Video-Tutorial)
Gemeinsame Attributwerte:
none Dieses Element wird nicht angezeigt.
block Dieses Element wird als Element auf Blockebene angezeigt, mit Zeilenumbrüchen vor und nach diesem Element.
Inline-Standard. Dieses Element wird als Inline-Element ohne Zeilenumbrüche vor oder nach dem Element angezeigt.
inline-block Inline-Blockelement. (Neuer Wert in CSS2.1)
list-item Dieses Element wird als Liste angezeigt.
run-in Dieses Element wird je nach Kontext als Element auf Blockebene oder als Inline-Element angezeigt.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>display属性的none属性值</title>
<style type="text/css">
body {
background-color: #aaa;
}
.div {
width: 400px;
height: 60px;
border: 1px solid;
margin-top: 10px;
}
.none {
display: none;
}
</style>
</head>
<body>
<div class="div">元素1</div>
<div class="div none">元素2</div>
<div class="div">元素3</div>
</body>
</html>Verwandte Empfehlungen: CSS-Tutorial
Das obige ist der detaillierte Inhalt vonWas bedeutet Anzeige in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!