Die Stylesheet ist der Standard Weg um das Aussehen Ihrer Seite zu definieren, von Schriften und Farben bis zum kompletten Layout der Seite.

Regeln für ein Stylesheet:

Die Stylesheet (Stilvorlage) werden aus einer Liste von Stilregeln erstellt welche beschreiben wie die Seite im Browser präsentiert wird.

Auswahlstufen

Stilregeln werden folgendermaßen gebildet: Auswahlstufe { Eigenschaft : Wert }

Ein Element oder Typ Auswahl ist der Tagname eines HTML Elementes und und wird auf alle Elemente des bezeichneten Typ angewendet
h1 {
font-size (Schriftgröße: 1.5em;
}
Dieses Beispiel setzt die Schriftgröße für alle h1 Elemente.

Eine ID Auswahl hat eine vorangestellte Raute (#). Eine ID Auswahl kann nur einmal in einem Stylesheet verwendet werden.
#headerWrapper {
margin (Rand): 0em;
padding (Innenabstand): 0em,
}
Das oben genannte Beispiel beschreibt den Header in Ihrer Stylesheet.

Eine Auswahl für eine Klasse hat einen Punkt (.) vorangestellt. Die Klassenauswahl kann mehrmals in einem Stylesheet verwendet werden.
.important {
font-weight (Schriftdicke): bold;
}
Alles mit der Klasse "important" wird Dick (bold) geschrieben.

Stylesheets in Zen Cart

In Zen Cart ist die Liste der Stilregeln in einer Datei Namens "stylesheet.css" gespeichert.
Standarmäßig finden Sie die "stylesheet.css" unter includes -> templates -> template_default -> css