CSS Einführung

Grundlegende Formatierungen

Hier liste ich einige wichtige Formatierungsmöglichkeiten von CSS auf. Eine Ausführliche Beschreibung und alle Möglichkeiten gibt es bei SelfHTML.

Schriftart

Die Schriftart bestimmt man mit der Anweisung font-family:

body {font-family: Verdana, Arial, Tahoma;}

Schriftgröße

Die Schriftgröße wird mit der font-size Anweisung angegeben:

Will man nun nicht alle Tags gleich formatieren, sondern jedes <h1>-Tag zum Beispiel soll anders aussehen, kann man dies mit Klassen erreichen.
Eine Klasse definiert man folgendermaßen:

body {font-size: 20px;}

Hier wird der ganze Body in der Schriftgröße 20px (Pixel) angezeigt werden. Anstelle von Pixel gibt es noch andere Größenangaben, wie z.B. pt (Points), em, mm usw.

Schriftfarbe

Für die Schriftfarbe verwendet man color:

body {color: black;}

Anstatt black hätte man auch den Hexadezimalwert #000000 verwenden können.

Hintergrund

EIne Hintergrund Farbe wird mit background bzw. background-color definiert:

body {background: white;}

Anstatt white hätte man auch den Hexadezimalwert #FFFFFF verwenden können.

Hintergrundbild

Um ein Hintergrundbild einzufügen nimmt man background-image mit dem Attribut url():

body {background-image: url(background.jpg);}

Zwischen die Klammern kommt das Bild, das man einfügen will. Man kann natürlich auch absolute Angaben wie z.B. http://www.thors-page.de/images/bg.jpg machen.

[-hoch-]

Nicht alles verstanden?
→ HTML Crashkurs