Was ist die grundlegende Möglichkeit, externe CSS-Links zu schreiben?

青灯夜游
Freigeben: 2023-01-07 11:44:45
Original
11261 Leute haben es durchsucht

Schreiben: 1. ""; 2. "".

Was ist die grundlegende Möglichkeit, externe CSS-Links zu schreiben?

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

Externe Stylesheets (externe Links) 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 type="text/css" rel="stylesheet" href="css文件地址"/>
Nach dem Login kopieren

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.
  • type-Attribut 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 .

Tipps: Im Firefox-Browser können Sie im Menü die Option „Ansicht -> Seitenstil“ auswählen. Anschließend wird der Titelattributwert im Untermenü angezeigt. Sie müssen lediglich verschiedene Titelattributwerte auswählen Erforderliche Stylesheet-Dateien können selektiv angewendet werden. Der IE-Browser unterstützt diese Funktion nicht.

Darüber hinaus steht das Titelattribut mit dem rel-Attribut in Zusammenhang, und künftige Webdokumente werden mehrere -Elemente verwenden, um verschiedene externe Dateien zu importieren, z. B. Stylesheet-Dateien, Skriptdateien und Designdateien und enthält sogar zusätzliche Zusatzdateien zur persönlichen Anpassung. Nachdem Sie so viele Dateien unterschiedlichen Typs und Namens importiert haben, können Sie das Titelattribut zur Auswahl verwenden. Zu diesem Zeitpunkt wird die Rolle des rel-Attributs deutlich. Es kann den importierten Dateityp angeben, der beim ersten Mal angewendet werden soll Derzeit kann es nur dem CSS-Stylesheet-Typ zugeordnet werden.

Externe Stile sind die beste Lösung für CSS-Anwendungen. Eine Stylesheet-Datei kann von mehreren Webseiten referenziert werden, und eine Webseitendatei kann mehrere Stylesheets importieren, indem das Link-Element wiederholt verwendet wird, um verschiedene Stylesheet-Dateien zu importieren.

2. Verwenden Sie zum Importieren das Schlüsselwort @import.

Verwenden Sie das Schlüsselwort @import im Tag