Der CSS Editor besteht aus 5 Bereichen:

Menü (ganz oben)
Eine Liste der CSS Kategorien

Eigenschaften (Attributes)
Eingabefelder für die verschiedenen Einstellungen.

Auswahllisten (Selection Values)
Für verschiedene Eingabefelder sind Auswahllisten verfügbar. Diese werden hier angezeigt. Durch einfaches Klicken können Sie den entsprechenden Wert in das Feld übernehmen

Vorschau (Preview)
Hier sehen Sie eine Vorschau mit den aktuellen Einstellungen.

Code
Hier wird der CSS Code für die aktuellen Einstellungen angezeigt.

Benutzen Sie das Menü um die Seite mit den gewünschten Eigenschaften anzuzeigen. Geben Sie die Werte im Bereich Eigenschaften ein.

Soweit verfügbar können Sie auch alternativ einen Wert aus einer Auswahlliste wählen.

Die meisten Einstellungen werden sofort in der Vorschau sichtbar.

Die Eingabe der Schriftart (Font) ist etwas anders:
Wenn Sie auf eine Schriftart klicken, wird unter der Listbox eine Vorschau angezeigt. Durch Doppelklicken wird der Wert an den Inhalt des Feldes 'font familiy' angefügt. Sie können natürlich alle Werte auch manuell ändern.

Den Ergebniscode können Sie einfach aus der Code-Box herauskopieren.
Sie können auch den Code eines vorhandenen Styles in die Code-Box kopieren.