Was ist CSS?
Cascading Style Sheet (CSS) ist eine Möglichkeit, eine Website oder eine Gruppe von Websites so zu gestalten, dass sie einheitlich aussehen und sich leicht ändern lassen. Durch die Verwendung von CSS zum Entwerfen einer Website erhält der Webentwickler ein höheres Maß an Kontrolle über die Darstellung der Website.
Ein Webentwickler kann mithilfe einer CSS-Datei das Erscheinungsbild einer Website auf drei Arten steuern. Der erste Weg heißt Inline und bezieht sich auf die Tatsache, dass der Code direkt in die Zeile des Website-Codes eingefügt wird. Ein Webentwickler möchte beispielsweise einen bestimmten Satz fett und rot darstellen, damit er hervorsticht. Sie könnte CSS verwenden, um den Stil dieses Satzes mit Inline-Code fett und rot darzustellen. Der Vorteil dieser Methode ist, dass ein schneller und einfacher Wechsel zu einem bestimmten Teil einer Webseite möglich ist.
Eine andere Möglichkeit für einen Webentwickler, CSS zu verwenden, besteht darin, Regeln für eine einzelne Webseite festzulegen. In diesem Fall würde der Entwickler eingebettetes CSS verwenden. Der Entwickler kann beispielsweise jeden neuen Absatz einrücken und jede Überschrift fett formatieren. Die eingebetteten Anweisungen stehen normalerweise oben im Code der Webseite.
Auf diese Weise kann der Entwickler den eingebetteten Code einmal ändern und die Effekte auf der gesamten Seite ausführen. Wenn er beschloss, alle Überschriften kursiv anstatt fett zu schreiben, konnte er einfach die Stilcodierung ändern, und alle Überschriften auf dieser Seite würden sich ändern. Dies hat gegenüber der Inline-Methode den Vorteil, dass sie die gesamte Webseite abdeckt und Änderungen auf einmal an der gesamten Seite vorgenommen werden können.
Der letzte gebräuchliche Typ von CSS ist das, was man als externes CSS bezeichnet. Ein Webentwickler schreibt den Code, um ihn auf eine ganze Gruppe von Webseiten, eine ganze Website oder sogar auf mehrere Websites anzuwenden. Diese Regeln können Dinge wie Hintergrundfarbe, Textfarbe, Wortabstand und andere Elemente des Seitenlayouts enthalten, genau wie die beiden vorherigen Beispiele für CSS.
Der Unterschied besteht darin, dass diese Anweisungen nicht für einen einzelnen Abschnitt der Seite oder nur für eine Webseite gelten, sondern für eine gesamte Website. Der Vorteil besteht darin, dass das Erscheinungsbild einer gesamten Website gleichzeitig geändert werden kann, indem Änderungen am externen Stylesheet vorgenommen werden. Wenn die Designerin eine neue Hintergrundfarbe oder eine neue Schriftart für die gesamte Website ausprobieren möchte, kann sie dies mit dem Ändern einiger Zeilen im externen Code tun, anstatt jede Seite einzeln aufzurufen und dort Änderungen vorzunehmen.
Der Nachteil von eingebettetem und externem CSS besteht darin, dass die Erstellung eines großen Stylesheets, das viel Layout abdeckt, mehr Zeit in Anspruch nimmt, als kleinere Änderungen an einzelnen Zeilen vorzunehmen. Der Webdesigner muss entscheiden, ob es auf lange Sicht effizienter ist, einzelne Inline-Anweisungen zu erstellen oder ein eingebettetes oder externes CSS zu erstellen, um viele Designfunktionen gleichzeitig zu berücksichtigen.