Heim > Artikel > Web-Frontend > Was bedeutet Stil?

Was bedeutet Stil?

不言Original: 2019-01-08 13:46:2843861Durchsuche

Wir verwenden beim Erlernen von Front-End-Wissen oft ein Stilattribut. Was bedeutet also Stil? In diesem Artikel stellen wir Ihnen die Bedeutung von Stil vor. Schauen wir uns unten den spezifischen Inhalt an. Mit dem Tag

Was bedeutet Stil?

c9ccee2e6ea535a969eb3f532ad9fe89 können Sie Stilinformationen für HTML-Dokumente festlegen.

Das Typattribut ist erforderlich und definiert den Inhalt des Stilelements. Der einzig mögliche Wert ist „text/css“, wobei sich das Stilelement im Kopfabschnitt befindet.

Kurz gesagt, wir können verschiedene CSS-Inhalte schreiben und verschiedene CSS-Stile in das Style-Tag schreiben.

Der Code lautet wie folgt

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.test{
			height: 200px;
			width: 200px;
			background: skyblue;
		}
	</style>
</head>
<body>
<div class="test"></div>
</body>
</html>

Run-Effekt

Was bedeutet Stil?

Wir definieren ein Quadrat mit einer Breite und Höhe von 200 Pixeln im Stil und einer Hintergrundfarbe von Himmelblau.

Stil kann auch direkt in Tags verwendet werden. Das Beispiel ist wie folgt: Sie können auch ein Quadrat mit einer Breite und Höhe von 200 Pixeln und einem Licht definieren grüne Hintergrundfarbe.

Was bedeutet Stil? Dieser Artikel endet hier. Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonWas bedeutet Stil?. 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

Vorheriger Artikel：Drei Möglichkeiten, ein Layout mit gleicher Höhe mit CSS zu implementieren (Codebeispiel)Nächster Artikel：Drei Möglichkeiten, ein Layout mit gleicher Höhe mit CSS zu implementieren (Codebeispiel)

In Verbindung stehende Artikel

Mehr sehen