Aufbau und Einbinden
Anfangs startest du mit der Anweisung für CSS:
<style type="text/css">
Danach folgt der Anfang eines Kommentars:
<!-
Nun kannst du dem wichtigen Teil anfangen, hier das Beispiel, wie die Hintergrundfarbe, die Schrift und die Schriftfarbe geändert werden kann.
body {
background: #E7E7E7;
color: #000000;
font: 12px Arial;
}
Erklärung:
ROT = Bestimmt, dass alles, was nach dem <body> - Tag kommt, so gestaltet wird, wie es in den Klammern { und } steht.
BLAU = Stellt die Hintergrundfarbe der kompletten Seite auf #E7E7E7.
ORANGE = Stellt die Schriftfarbe der kompletten Seite auf #000000.
GRÜN = Die Schrift wird in Arial mit 12px (Pixel) Größe dargestellt.
Zum Schluss wird der Kommentar und das Style-Tag geschlossen.
//->
</style>
CSS Code extern einbinden
Dazu brauchst du folgenden Code:
<link rel="stylesheet" href="styles.css"
type="text/css" />
Erklärung:
ROT = Gibt an, dass es ein CSS-Dokument ist.
BLAU = Gibt den Pfad zum CSS-Dokument an.
GRÜN = Gibt an, dass es ein CSS-Dokument ist.
In der externen Seite dürfen keine Style-Tags und HTML-Kommentare vorkommen!
Beide Codes werden dann einfach in den Head-Tag eingebunden,
das heißt zwischen <head> und </head>.
Wichtig: Du kannst nur eine der beiden Methoden wählen.
