Heim > Web-Frontend > CSS-Tutorial > Was bedeutet Anzeige in CSS?

Was bedeutet Anzeige in CSS?

王林
Freigeben: 2020-11-16 17:57:33
Original
17375 Leute haben es durchsucht

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.

Was bedeutet Anzeige in CSS?

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>
Nach dem Login kopieren

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!

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