Heim  >  Artikel  >  Web-Frontend  >  Welche Möglichkeiten gibt es, CSS zu deklarieren?

Welche Möglichkeiten gibt es, CSS zu deklarieren?

王林
王林Original
2020-11-27 11:09:222942Durchsuche

Es gibt drei Möglichkeiten, CSS zu deklarieren: 1. Verwenden Sie die Style-Tag-Deklaration im Head-Tag. 2. Verwenden Sie die Style-Attribut-Deklaration im Head-Tag. 3. Verwenden Sie das Link-Tag im Head-Tag, um extern deklariertes CSS einzuführen Dateien.

Welche Möglichkeiten gibt es, CSS zu deklarieren?

Die Umgebung dieses Artikels: Windows 10, CSS3, dieser Artikel gilt für alle Computermarken.

(Lernvideo-Sharing: CSS-Video-Tutorial)

Es gibt drei Möglichkeiten, CSS zu deklarieren, nämlich:

1. Verwenden Sie die Style-Tag-Deklaration im Head-Tag:

Funktion: Diese Deklaration deklariert im Allgemeinen den öffentlichen Stil der aktuellen Webseite Oder geben Sie einem bestimmten Tag einen separaten Stil

2 Verwenden Sie das Stilattribut des Tags, um Folgendes zu deklarieren:

Funktion: Diese Deklaration wendet den CSS-Stil direkt auf das aktuelle Tag an.

3. Verwenden Sie das Link-Tag im Head-Tag, um extern deklarierte CSS-Dateien einzuführen.

Funktion: Diese Deklaration entspricht einem Aufruf, der das Problem der Wiederverwendung von Stilen zwischen verschiedenen Webseiten löst.

Vorteile:

Deklarieren einmal und überall verwenden

Hinweis: Die Verwendung verschiedener Deklarationsmethoden auf derselben Seite folgt dem Prinzip der Nähe.

Beispiel:

<!DOCTYPE html>
<html>
	<head>		
		<meta charset="utf-8">
		<title></title>
	<!--方式一声明-->
		<style type="text/css">
			hr{
				width: 100%;
				height: 50px;
				color: #000000;
				background: #808080;
			}
		</style>
		<!--方式三声明-->
		<link rel="stylesheet" type="text/css" href="my.css"/>
	</head>
			
	<body>
		测试声明方式一
		<hr > </hr>
		<!--方式二声明-->
		<h1 style="background: #151515;color: aqua;">测试声明方式二</h1>
		<h2>测试声明方式三</h2>
	</body>
</html>

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Möglichkeiten gibt es, CSS zu deklarieren?. 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:Was ist Float in CSS?Nächster Artikel:Was ist Float in CSS?