Heim > Artikel > Web-Frontend > 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.
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!