Einstieg In Css

Im Gegensatz zu HTML kommen bei CSS keine spitzen Klammern < > vor, sondern es wird nur mit geschwungenen Klammern { } gearbeitet. Die einzelnen Formatierungsanweisungen werden mit Strichpunkten ; von einander getrennt.

Die Definitionen können entweder direkt im betreffenden Tag, in der HTML-Datei oder mit einer externen css-Datei vorgenommen werden. Ich bevorzuge die Einbindung über eine externe Datei. Dabei wird in der HTML-Datei, in der das Style Sheet verwendet werden soll, mit folgendem Befehl ein Verweis auf die Style Sheet Datei gesetzt:

html>
head>
...
link rel="stylesheet" type="text/css" href="format.css">
...
/head>
body>
...
/body>
/html>

ACHTUNG !!!(Zur Darstellung wurden alle < entfernt bitte darauf achten.)!!!

Ebenso denkbar wäre die Einbindung über import. Da dieser Befehlt jedoch von Netscape nicht verstanden wird, wende ich ihn nicht an.

In der Datei selbst steht die Anweisung, auf welche HTML-Tags sich eine bestimmte Style-Anweisung beziehen soll.

zB.:
body { color:#000000; font-size:10pt; font-family:Arial; }

Vom W3C wird die Formatierung in dem Stil empfohlen:
body {
color:#000000;
font-size:10pt;
font-family:Arial;
}

Mir ist aber, ehrlich gesagt, die erste Variante sympathischer.

Die Datei wird unter dem Namen, der im Verweis angewandt wurde (in diesem Beispiel format.css) abgespeichert.

Nunmehr sind keine weiteren Befehle nötig, um im normalen Fließtext in der HTML-Datei mit Arial, 10pt und schwarz zu schreiben.