Webdesign – Cascading Stylesheets
Grundformate der Seite

Styleguide ___

Arbeiten Sie nun die Angaben im Styleguide der Reihe nach ab. Sie werden sehen, dass dies bei guter Vorarbeit im Handumdrehen erledigt ist. Sortieren Sie die Formate an die passenden Stellen in der CSS-Datei ein. Beim Aufbau der Datei empfiehlt es sich, mit den Formaten zu beginnen, die für das Grundlayout der Seiten zuständig sind. Legen Sie beispielsweise die Farbe des Seitenhintergrunds mit der folgenden CSS-Angabe fest:

body {background-color:#DDDDDD;margin:0;}

Mit margin:0 setzen Sie zudem die Ränder des Seitenkörpers zurück.Weisen Sie danach allen HTMLObjekten, die Text enthalten können, mit dem folgenden Befehl eine einheitliche Grundschrift zu:

html,body,div,p,table,td,h1, h2,h3,span,ul,ol,li,a
{font-family: Arial, Helvetica,sans-serif;color:#000000;}

Individuelle Größen für die Texte lassen sich durch Wiederholung der Tag-Selektoren festlegen:
h1 {font-size: 1.2em;}
h2 {font-size: 1.1em;}
p {font-size: 1.0em;}