Grundlagen der Arbeit mit der Sprache CSS

Wir haben bereits die grundlegenden Tags der Sprache HTML besprochen und nun ist es Zeit, Schönheit zu schaffen. Es wäre wünschenswert, die Möglichkeit zu haben, die Farbe des Textes, seine Größe, den Hintergrund und vieles mehr zu ändern. Dies wird mit der Sprache CSS gemacht.

In der Regel werden CSS-Befehle (Stile) in einer separaten Datei gespeichert, die mit einem speziellen Tag zu allen HTML-Seiten unserer Website verbunden wird.

Der Vorteil dieses Ansatzes liegt darin, dass die CSS-Datei einzig ist, während es any Anzahl von HTML-Dateien geben kann, sogar tausend. Wenn wir eine Änderung an einer Stelle in der CSS-Datei vornehmen, zum Beispiel alle Absätze rot einfärben, dann werden diese Änderungen auf allen tausend HTML-Seiten übernommen, an die unsere CSS-Datei angehängt ist. Sehr bequem und schnell.

Die Datei mit den Stilen muss die Erweiterung .css haben. Um eine solche Datei an eine HTML-Seite anzuhängen, soll im Tag head folgende Konstruktion geschrieben werden:

<link rel="stylesheet" href="fileName.css">

Im folgenden Beispiel wird an unsere HTML-Datei die CSS-Datei styles.css angehängt:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>This is the title</title>
		<link rel="stylesheet" href="styles.css">
	</head>
	<body>
		<p>
			This is a paragraph with text.
		</p>
	</body>
</html>

Erstellen und binden Sie die Datei styles.css an alle Ihre Seiten an.