Heim > Web-Frontend > Front-End-Fragen und Antworten > So verwenden Sie einen Link, um CSS in HTML einzuführen

So verwenden Sie einen Link, um CSS in HTML einzuführen

藏色散人
Freigeben: 2023-01-04 09:38:30
Original
16027 Leute haben es durchsucht

HTML verwendet einen Link, um CSS einzuführen: Erstellen Sie zunächst ein HTML-Beispiel als Datei und verwenden Sie dann die Syntax „<link href="img/divcss5.css" rel="stylesheet" type="text/css" /> „Importieren Sie einfach die angegebene CSS-Datei.

So verwenden Sie einen Link, um CSS in HTML einzuführen

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

Empfohlen: „CSS-Video-Tutorial

Es gibt 4 Möglichkeiten, CSS in HTML einzuführen. Zwei davon dienen dazu, CSS-Code direkt in die HTML-Datei einzufügen, und die anderen beiden dienen dazu, externe CSS-Dateien einzuführen. Im Folgenden stellen wir einige Methoden zur Verwendung von Link-Tags zur Einführung von CSS-Stilen in HTML vor.

Der Link-Tag wird normalerweise im Head-Tag einer Webseite platziert. Er wird verwendet, um externe CSS-Dateien zu verlinken und Lieblingssymbole zu verlinken externe Stylesheets, externe Ressource.

Link stellt CSS-Beispiele vor:

<link href="img/divcss5.css" rel="stylesheet" type="text/css" />
Nach dem Login kopieren

Erklärung der Inhaltsstruktur des Link-Tags beim Verknüpfen externer CSS-Stile

href-Wert ist die externe Ressourcenadresse, hier ist die Adresse von CSS

rel definiert die Beziehung zwischen dem aktuellen Dokument und das verknüpfte Dokument. Hier ist das externe CSS-Stylesheet, d. h. Stylesheet

type, der die MIME-Klasse des verknüpften Dokuments angibt, hier ist der Wert text/css

Das obige ist der detaillierte Inhalt vonSo verwenden Sie einen Link, um CSS in HTML einzuführen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage