Heim >Web-Frontend >CSS-Tutorial >Wozu dienen externe CSS-Stylesheets?

Wozu dienen externe CSS-Stylesheets?

青灯夜游
青灯夜游Original
2021-11-02 17:54:313848Durchsuche

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.

Wozu dienen externe CSS-Stylesheets?

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:

Wozu dienen externe CSS-Stylesheets?

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!

Stellungnahme:
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