Welche drei Arten von CSS-Stylesheets gibt es?

Drei Methoden sind: 1. Inline-Stylesheet: Verwenden Sie das Style-Attribut, um CSS-Code direkt zum HTML-Markup hinzuzufügen. 2. Schreiben Sie im internen Stylesheet den CSS-Stil in das Tag „

“ und deklarieren Sie ihn mit dem Tag „

Die Betriebsumgebung dieses Artikels: Acer S40-51, HBuilder

Inline-Stylesheet

Internes Stylesheet

Externes Stylesheet

• Inline-Stylesheet

• Inline-Stil ist Verwenden Sie das Stilattribut, um CSS-Code direkt zum HTML-Markup hinzuzufügen, d. h. als Das Attribut-Tag des HTML-Tags ist vorhanden.
  Beispiel:

<h1 style="color:red;">style属性的应用</h1>

Mit dieser Methode können Sie den Stil eines Elements ganz einfach individuell definieren.

Beispiel:

Vor- und Nachteile von Inline-Stylesheets:

Vorteile:

Ohne Stylesheet-Dateien kann die Effizienz zu bestimmten Zeiten verbessert werden;

Verwendung das Stilattribut Der Stileffekt ist am stärksten und überschreibt den gleichen Stileffekt anderer Einführungsmethoden.

Nachteile:

• Es ist für mehrere Elemente schwierig, Stile zu teilen, was der Wiederverwendung von Code nicht förderlich ist.

• HTML- und CSS-Codes sind gemischt, was für Programmierer und Suchmaschinen nicht förderlich ist.

• Internes Stylesheet

• Das interne Stylesheet besteht darin, den CSS-Stil in das -Tag zu schreiben und das
Beispiel:

Interne Vor- und Nachteile von Stylesheets

Vorteile: Wie bei Inline-Stylesheets werden keine zusätzlichen Anforderungen generiert und es wird zunächst die Trennung von Struktur und Stil realisiert, wodurch es besser für einseitige Website-Anwendungen geeignet ist. Nachteile: Da das interne Stylesheet in der HTML-Datei geschrieben ist, ist die Seite unrein, die Dateigröße ist groß, es ist für Webcrawler nicht förderlich, Informationen abzurufen, es ist nicht förderlich für die Wartung und Stile können nicht gemeinsam genutzt werden zwischen Seiten

Externes 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.

Tatsächlich ist ein externes Stylesheet 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.

Wie in der Abbildung unten gezeigt, handelt es sich um ein externes Stylesheet:

Möglichkeiten zur Einführung externer Stylesheets:

HTML-Dateien beziehen sich auf Stylesheets mit der Erweiterung .css. Es gibt zwei Möglichkeiten : Linktyp, Importiert.

1. CSS-Link-StilDer Link-Stil bezieht sich auf die externe Definition eines CSS-Stylesheets und die Erstellung einer Datei mit der Erweiterung .CSS und die anschließende Verknüpfung mit der Seite über das Link-Tag es im -Tag-Bereich der Seite. 2. CSS-Import

Vor- und Nachteile externer Stylesheets

Vorteile:

Vollständige Trennung von Struktur- und Leistungscode

Bequeme Wiederverwendung und Wartung

Weil sie in separate Dateien aufgeteilt sind, wodurch die Größe von HTML erheblich reduziert wird Dateien, wodurch die Seitenstruktur für Programmierer und Webcrawler leichter lesbar ist

Suchmaschinenfreundlich, sodass Suchmaschinen die Seite höher bewerten können, was sich positiv auf das Suchmaschinenranking der Seite auswirkt

Das externe Stylesheet ist Wird nach dem ersten Besuch des Benutzers auf dem Computer des Benutzers zwischengespeichert und muss beim nächsten Besuch nicht geladen werden

Nachteile:

Wenn viele Stile vorhanden sind, wird die CSS-Datei sehr groß und schwer zu finden . Darüber hinaus bedeutet eine weitere CSS-Datei eine weitere HTTP-Anfrage, was den Serverdruck auf Websites mit hohem Datenverkehr erhöht. Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Einführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt vonWelche drei Arten von CSS-Stylesheets gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!