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

Schreiben: 1. "3f592fa8dd8e62b0005c9462445b894d"; 2. "080b747a20f9163200dd0a7d304ba388@ Import-URL("Dateiadresse");531ac245ce3e4fe3d50054a55f265927".

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 2cdf5bf648cf2f33323966d7f58a7f3f-Tag, um die externe Stylesheet-Datei zu importieren:

<link type="text/css" rel="stylesheet" href="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.

• 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 2cdf5bf648cf2f33323966d7f58a7f3f-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 52a25b17b52424c09a9e188108722f11-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 c9ccee2e6ea535a969eb3f532ad9fe89, um die externe Stylesheet-Datei zu importieren:

<style type="text/css">
@import url("css文件地址");
</style>

Verwenden Sie nach dem Schlüsselwort @import die Funktion url() um spezifisch einzuschließen Die Adresse der externen Stylesheet-Datei.

Vergleich

Vergleich zweier Methoden zum Importieren von Stylesheets:

Link gehört zum HTML-Tag, während @import von CSS bereitgestellt wird.

• Wenn die Seite geladen wird, wird gleichzeitig der Link geladen, und das von @import referenzierte CSS wartet, bis die Seite geladen ist, bevor es geladen wird.

• @import kann nur in IE 5 oder höher erkannt werden und der Link ist ein HTML-Tag, sodass kein Kompatibilitätsproblem besteht.

• Link-Stilstile haben eine höhere Gewichtung als @import-Gewichte.

• Es wird allgemein empfohlen, einen Link zum Importieren von Stylesheets zu verwenden, und @import kann als ergänzende Methode verwendet werden.

(Teilen von Lernvideos:

CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonWas ist die grundlegende Möglichkeit, externe CSS-Links zu schreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!