Ein CSS-Datei oder einzelne CSS-Dateien für jede Seite?

Question

Wenn ich Seiten baue, kann ich einzelne Sheets für jede Seite oder ein großes Sheet für die gesamte Website haben? Zum Laden Zwecken würden nicht einzelne Dateien eine bessere Praxis, weil es insgesamt weniger css auf Last sein?

Answer 1

Verwenden Sie eine einzelne Datei, CSS-Dateien zwischengespeichert werden und daher die Notwendigkeit zu reduzieren, um eine neue Datei für jede neue Seite besuchte zum Download bereit.

Um zu helfen, Ich schlage in der Regel meine CSS durch eine CSS cleaner die Dateigröße zu reduzieren, zusätzlich können Sie GZIP CSS .htaccess auch sie kleiner noch einmal zu machen.

Schließlich alle CSS in einer einzigen Datei setzen wird machen systemweite Änderungen Präsentation erleichtert in Zukunft (der gesamte Grund, warum wir CSS in erster Linie verwenden), wird es auch leichter machen debuggen.

Bearbeiten, Mai 2017

Es hat sich viel in 7+ Jahren verändert, und wer an dieser Antwort suchen sollten prüfen, neuere Asset-Lieferung Methoden der Erforschung, vor allem jetzt nutzen von HTTP2 und Preprozessoren sind mehr an der Tagesordnung.

Answer 2

Ein anderer Vorschlag, verwenden Sie mehrere Stylesheets während der Entwicklung und hat einen Mechanismus, der alle Stylesheets in eine einzige CSS-Datei für Produktionsbereitstellung fusionieren. Dies kann einige bisschen extra-Codierung erfordern und einige zusätzliche Skripte vor der Produktion Einrichtung ausgeführt werden, sondern würde sowohl für Entwicklungszwecke und den produktiven Einsatz ideal. Wenn der Prozess richtig automatisiert ist (was nicht sehr schwer zu erreichen ist), wird dies keine Art von Fehlern verursacht auch.

Answer 3

Der Hauptzweck des Stylesheets ist, dass Sie das Design für alle Seiten verändern zu können. Wenn Sie auf jeder Seite h1 {color:red;} haben und später wollen es blau ändern würden Sie jede Seite Stylesheet bearbeiten müssen. Mit einem Stylesheet würde Sie in der Lage, die Farbe zu ändern und dass die gesamte Website reflektiert über.

Plus das Stylesheet wird auf den Computer des Benutzers zwischengespeichert wird, anstatt von jeder Seite heruntergeladen werden.

Answer 4

Wenn Sie einen einheitlichen Stil auf allen Seiten in Ihrer Website haben möchten, verwenden Sie ein Stylesheet für alle gängigen Arten. Andernfalls können Sie es ziemlich schwierig finden zu viele Sheets zu halten. Änderungen müssten jeden von mehreren Sheets hinzugefügt werden.

Stylesheets, die nur auf einer Seite verwendet werden, in separaten Stylesheets gehen könnte. Dies könnte sehr nützlich für große Einzelseiten-Stylesheets und / oder Stylesheets für die selten zugegriffen wird Web-Seiten.

Ihre Stylesheets werden nicht auf jeder Aktualisierung der Seite neu geladen werden. Wenn Sie die große, universelle Sheet auf Ihrer Homepage verweisen, wird es nur einmal heruntergeladen werden und für eine spätere Verwendung zwischengespeichert.

Answer 5

„Zum Laden Zwecke würden Sie nicht wollen ein kleineres Sheet, dafür machen einzelne ist eine bessere Praxis?“

Dies kann eine umgekehrte Wirkung hat, wie unter Verwendung von 1 Sheet es zwischengespeichert werden kann und dann mit Leichtigkeit wieder geladen, während es ständig eine neue CSS-Datei für jede Seite mit Ihrer Methode geladen werden.

Die meisten Websites brauchen nicht mehr als ein Stylesheet für eine Art von Medien zu haben. Allerdings, wenn Ihre Website drastisch in Design variiert würde ich vorschlagen, eine Basissheet, die all gemeinsame Eigenschaften haben, und dann ein sekundäres Sheet für jede der Seiten, die die Unterschiede enthalten.

Dies sollte nur verwendet werden, wenn die CSS-Änderungen groß genug, um in der Größe sind die Verwendung von separaten Stylesheets zu rechtfertigen.

Answer 6

Da bin ich eigentlich eine tatsächliche Web-Programmierer (Java Web-Programmierung Sachen, scripting nicht wie PHP) Ich habe Sie eine Meinung zu geben, ich habe noch nie eine tatsächliche Web gesehen Designer steht:

Bitte gehen Sie vor und teilen Sie Ihre CSS-Dateien in mehrere logische Partitionen, wo immer möglich! Wenn Sie einen äußerst stilisierten Tisch haben, sammeln sie ihr CSS Zeug zu einer Datei, sammeln auch die Basis Stylings der aktuellen Seite zu einer anderen Datei, fügen Sie diese CSS-Menü-Navigation: s dritten und so weiter und so fort. Sie können einzelne CSS natürlich wiederverwendet werden: s, wo sie relevant sind, aber NICHT einfach alles in eine große Datei stopfen

Answer 7

Ich kam in diesem Thread die gleiche Frage sucht .. Meine Gedanken so zu strukturieren, war ..

layout.css <--- für Struktur der Website, Links, Überschriften usw., die über die Website gemeinsam sind. form.css <- generic Arten Form reset.css <- alle Dokument setzt, wenn Sie sie verwenden

und zur Zeit verwende ich pages.css für alle Seitenstile ..

oder

homepage.css about.css gallery.css