CSS-Stylesheets: verlinken oder einbetten

Soll ich für CSS-Stylesheets verwenden, um eine separate Datei aufzurufen, oder sollte ich ... direkt verwenden? Oder wie nutzt man diese beiden Methoden?

In Ajies w3cn sagte er:

Zitieren von Inhalten In der Vergangenheit haben wir Stylesheets normalerweise auf zwei Arten verwendet: In-Page-Methode: das heißt, zum Das Stylesheet wird direkt in den Kopfbereich des Seitencodes geschrieben. Ähnlich: : Schreiben Sie das Stylesheet in eine separate CSS-Datei und rufen Sie es dann mit einem Code ähnlich dem folgenden im Kopfbereich der Seite auf. In einem Design, das den Webstandards entspricht, verwenden wir die externe Aufrufmethode. Die Vorteile liegen auf der Hand. Sie können den Stil der Seite ändern, ohne die Seite zu ändern .css-Datei. Wenn alle Seiten dieselbe Stylesheet-Datei aufrufen, kann die Änderung einer Stylesheet-Datei die Stile aller Dateien ändern.

Es ist ersichtlich, dass Ajie die Verwendung von dringend empfiehlt. Um Ajies Worten hinzuzufügen: Der Vorteil der Verwendung von besteht nicht nur darin, dass das Stylesheet bequem geändert werden kann, sondern auch darin, dass es die Browsing-Geschwindigkeit des Benutzers beschleunigt. Wenn ein Benutzer zum ersten Mal eine mit einem Stylesheet verknüpfte Seite öffnet, wird das Stylesheet automatisch in den lokalen Cache heruntergeladen. Wenn der Benutzer eine andere Seite öffnet und diese Seite auch mit demselben Stylesheet verknüpft ist, werden die relevanten Dateien aus dem Cache gelesen, was das Surfen beschleunigt.

Aber ich bin auch auf diese Situation gestoßen: Manchmal, wenn das Netzwerk nicht reibungslos funktioniert, wird das verknüpfte Stylesheet nach dem Öffnen der Seite nicht erfolgreich geladen. Die Folgen dieser Situation sind nicht nur, dass Farbe, Größe und andere Stile des Textes auf der Seite nicht angezeigt werden können, sondern was noch schlimmer ist, ist, dass das Layout der gesamten Seite durcheinander geraten kann!

Als ich beispielsweise einmal Macromedia.com öffnete, war das Unternehmensnetzwerk nicht reibungslos, vielleicht weil viele Leute in der BT-Bar waren. . . Die Ergebnisseite erscheint ganz ohne Stylesheet und das gewohnte Layout ist nicht mehr sichtbar. Der gesamte Inhalt ist von oben nach unten angeordnet, genau wie beim Surfen auf einer Website auf einem Mobiltelefon. Obwohl der gesamte Inhalt weiterhin sichtbar ist, musste ich einige Zeit damit verbringen, mich an das neue Layout zu gewöhnen, und beim Durchsuchen hatte ich das Gefühl, dass es nicht reibungslos läuft.

Als ich die Homepage von Kingsoft Online erstellt habe (die vorherige Version ist nicht mehr sichtbar), habe ich alle Stile in den -Bereich eingebettet. Die Homepage ist die meistbesuchte Seite einer Website und muss eine hohe Zuverlässigkeit gewährleisten. Darüber hinaus ist nur das Homepage-Stylesheet eingebettet und andere Seiten verwenden weiterhin , sodass die Arbeitsbelastung beim Ändern des Stils nicht zu hoch wird.

Als ich am Wochenende an der Homepage von amaoagou arbeitete, habe ich den Stil weiter geplant: Ich habe Layout-bezogene Stile wie #head und #left in die Innenseite der Seite eingebettet, andere Stile wurden verlinkt.

Zusammenfassend:

Methode 1: Die Homepage ist vollständig eingebettet und andere Seiten sind verlinkt. Vorteile: Dadurch wird sichergestellt, dass die Homepage auch bei schlechter Netzwerksituation weiterhin korrekt angezeigt werden kann. Nachteile: Wenn Sie den Stil ändern, müssen Sie das externe Stylesheet und das eingebettete Stylesheet auf der Homepage ändern.

Methode 2: Schreiben Sie den für das Layout verantwortlichen Stil getrennt von anderen Stilen. Die Homepage bettet den Layoutstil und Links zu anderen Stilen ein; andere Seiten verwenden Links zu beiden Stilsätzen. Vorteile: Beim Ändern des Stils ist der Arbeitsaufwand geringer als bei der ersten Methode. Wenn der Netzwerkzustand nicht gut ist, kann das Erscheinungsbild der Homepage nicht vollständig garantiert werden, aber zumindest wird das Layout nicht unordentlich. Wenn die erstellte Seite nicht den Standards entspricht, z. B. ein kleines Thema der Produkte des Unternehmens, verlangt der Leiter, dass sie mit einer Tabelle erstellt wird, um die Geschwindigkeit des Themas online sicherzustellen. Auf jeder Seite verwendete Stile: Links. Für einen Stil, der nur auf dieser einen Seite, aber oft verwendet wird: einbetten. Für Stile, die nur auf dieser Seite und nur einmal verwendet werden: Betten Sie ein oder schreiben Sie einfach style="..." direkt.

Das Obige ist das CSS-Stylesheet: Link oder eingebetteter Inhalt. Weitere verwandte Artikel finden Sie auf der chinesischen PHP-Website (www.php.cn)!

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial

CSS-Stylesheets: verlinken oder einbetten