Es ist heute problemlos möglich, Farben, Typografie, Bilder des Designs und weitgehend sogar das Layout einer Website in separaten CSS-Dateien (CSS = Cascading Style Sheet) zu speichern.
Pro Website können dabei mehrere CSS-Dateien verwendet werden. So lassen sich beispielsweise Design-Definitionen für Bildschirmpräsentation, Druckausgabe, mobile Geräte etc. in separaten Dateien ablegen, was die Wartbarkeit eines Systems erhöhen kann. Weiterhin lassen sich auch beispielsweise Farben, Typografie und Layout zwecks Ordnung und besserer Wiederverwendbarkeit in separaten Dateien ablegen. Damit können beispielsweise Farben und Typografie auf einer zweiten Website oder auch für kleine mobile Geräte übernommen werden, nicht aber das Layout.
Bei Websites wo die benötigte Bandbreite äusserst hohe Kosten verursacht und die Anfragen an die Webserver reduziert werden müssen, kann auch der gesamte CSS Code in einer stark komprimierten Datei abgelegt werden. Damit werden jedoch die Wartungskosten wiederum erhöht.
Da die Anzahl von externen Objekten auf einer Seite (Bilder, JavaScript, CSS etc.) die Performance negativ beeinflussen kann, empfiehlt es sich bei einer hohen Anzahl an externen Objekten über eine die Optimierung parallerer Downloads mit verschiendenen Hostnamen nachzudenken. Dies daher, weil die Browser im Normalfall den Empfehlungen der HTTP 1.1 Spezifikation folgen, welche 2 simultane Threads pro Hostnamen vorschlagen.
Siehe
http://www.websiteoptimization.com/speed/tweak/parallel/Zahlreiche Varianten sind möglich, die beste Trennung ist von Fall zu Fall zu eruieren. Ein grosser Vorteil ist, dass Webbrowser die CSS-Dateien nicht bei jedem Seitenaufruf neu Herunterladen, sondern diese im Cache zwischenspeichern.
Weiterführende Informationen:
http://de.selfhtml.org/css/formate/einbinden.htm#separathttp://www.thestyleworks.de/ref/at_import.shtml