Wozu dienen externe CSS-Stylesheets?

Die Funktionen externer CSS-Stylesheets: 1. Stile von HTML trennen, um eine vollständige Trennung von Struktur- und Leistungscode zu erreichen; 2. Bequeme Wiederverwendung und Wartung, wodurch der Arbeitsaufwand reduziert wird; 3. Reduzieren Sie die Dateigröße und machen Sie die Seitenstruktur einfacher lesbar für Programmierer und Webcrawler; 4. Sparen Sie Netzwerkverkehr und Bandbreite. 5. Reduzieren Sie die Renderzeit. 6. Förderlich für Suchrankings usw.

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

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. Zum Beispiel das Bild unten:

Die Rolle des externen CSS-Stylesheets:

• trennt Stil von HTML und erreicht so eine vollständige Trennung von Struktur und Leistungscode.

• Einfache Wiederverwendung und Wartung, wodurch der Arbeitsaufwand reduziert wird. Denn solange die CSS-Stylesheet-Datei geändert wird, können viele Webseiten geändert werden und sogar der Stil und die Eigenschaften der gesamten Website können geändert werden. Dadurch wird vermieden, dass Webseiten einzeln geändert werden müssen.

• Da sie in separate Dateien aufgeteilt ist, wird die Größe der HTML-Datei erheblich reduziert, wodurch die Seitenstruktur für Programmierer und Webcrawler leichter lesbar ist.

• Die geschriebene Codedatei ist prägnanter (für andere Personen leicht lesbar). ) und die Dateigröße ist auch relativ klein.

• Kann beim Übertragen von Codedateien Netzwerkverkehr und Bandbreite sparen. (Da die Datei kleiner ist und wiederholte CSS-Stile im Cache gespeichert werden)

• Beim Rendern von Codedateien kann die Renderzeit verkürzt werden. (Da die Datei kleiner ist)

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

• Das externe Stylesheet wird nach dem auf dem Computer des Benutzers zwischengespeichert Beim ersten Besuch des Benutzers ist beim nächsten Besuch kein Laden erforderlich

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWozu dienen externe CSS-Stylesheets?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!