Seien sie immer [[deklarativ]], wenn es um die Gestaltung des Layouts geht. Sie können zwar um schnelle Effekte zu erhalten, [[BenutzerdefiniertesCSS]] verwenden. Aber sie sollten früher oder Später dafür einen deklarativen Namen finden und die exakte Beschreibung in das CSS im [[TemplateVerzeichnis]] verschieben (refaktorisieren).

Denken sie immer daran: Sie sollten content nicht mit layout verbinden. Der Code sollte deklarativ sein:

Sie können eine Warnung so definieren

{{{
%%(display : block; 
   padding : 1em 1em 1em 2.5em;
   margin : 1em 0.5em;
   background-position : 0.8em 0.9em;
   background-repeat : no-repeat;
   background-color : #ffff80;)

Warnung!

%%
}}}

Mit dem obigen Beispiel vermischen sie Layout und Content und codieren hart auf alle Ewigkeit wie das Element aussehen soll. Sie nehmen sich oder einem Designer damit die Möglichkeit später das Layout zu ändern, z.B. weil ihre [[CorporateIdentity]] eine Verjüngungskur erhalten soll.

Oder aber viel einfacher mit einem benannten logischen Objekt. Damit sagen sie **was** sie wollen, aber nicht **wie**:

{{{
%%warning
Warnung!
%%
}}}

Wenn sie merken, dass sie ein spezielles logisches Element öfters verwenden, definieren sie im [[ServerVerzeichnis]] ein Logisches Element dafür!