Wie heißt eine CSS-Datei im Allgemeinen?

CSS-Dateien werden im Allgemeinen als externe CSS-Stylesheets mit der Erweiterung „.css“ bezeichnet. Wenn Sie den CSS-Stilcode in eine Textdatei kopieren und als „.css“-Datei speichern, handelt es sich um ein externes Stylesheet. CSS-Dateien können in HTML über das Schlüsselwort „@import“ oder das Tag „“ referenziert werden.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

CSS-Dateien werden im Allgemeinen als externe CSS-Stylesheets mit der Erweiterung „.css“ bezeichnet.

Externes CSS-Stylesheet

Wenn der CSS-Stil in einer Datei außerhalb des Webseitendokuments platziert wird, wird er als externes Stylesheet bezeichnet. Ein CSS-Stylesheet-Dokument stellt ein externes Stylesheet dar.

Eigentlich ist ein externes Stylesheet nur eine Textdatei mit der Erweiterung .css. Wenn Sie den CSS-Stilcode in eine Textdatei kopieren und als CSS-Datei speichern, handelt es sich um ein externes Stylesheet.

Externe Stylesheets müssen in Webdokumente importiert werden, bevor sie vom Browser erkannt und analysiert werden können. Externe Stylesheet-Dateien können auf zwei Arten in HTML-Dokumente importiert werden.

1. Verwenden Sie das -Tag, um die externe Stylesheet-Datei zu importieren:

<link href="001.css" rel="stylesheet" type="text/css" />

Erläuterung jedes Attributs:

href-Attribut legt die Adresse fest die externe Stylesheet-Datei. Dabei kann es sich um eine relative oder eine absolute Adresse handeln. Das Attribut

• rel definiert das zugehörige Dokument, also hier das zugehörige Stylesheet. Das Attribut

• type definiert den Typ der importierten Datei. Wie das Style-Element gibt text/css eine CSS-Textdatei an.

• Im Allgemeinen sollten beim Definieren des -Tags drei grundlegende Attribute definiert werden, darunter href ein unbedingt festzulegendes Attribut.

Sie können auch das Titelattribut im Link-Element hinzufügen, um den Titel des optionalen Stylesheets festzulegen. Das heißt, wenn ein Webdokument mehrere Stylesheets importiert, können Sie die anzuwendende Stylesheet-Datei über den Titelattributwert auswählen . [Empfohlene Tutorials:

CSS-Video-Tutorial

, „

HTML-Video-Tutorial“] Tipps: Im Firefox-Browser können Sie im Menü die Option „Ansicht --> Seitenstil“ auswählen und dann im Im Untermenü wird angezeigt: Um den Titelattributwert anzuzeigen, müssen Sie nur verschiedene Titelattributwerte auswählen und können die erforderliche Stylesheet-Datei selektiv anwenden. Der IE-Browser unterstützt diese Funktion nicht.

2. Verwenden Sie das Schlüsselwort @import, um die externe Stylesheet-Datei zu importieren.

Verwenden Sie das Schlüsselwort @import im