-Aufbau und Einbinden
CSS Tutorial - Aufbau und Einbinden
Aufbau und Einbinden
Als erstes starten Sie mit der Anweisung für CSS:<style type="text/css">
Danach folgt der Anfang eines Kommentars:<!--
Nun können Sie den Hauptsächlichen teil anfangen, hier das Beispiel, wie dieHintergrundfarbe, die Schrift und die Schriftfarbe geändert werden kann.
body {
background: #E7E7E7;
color: #000000;
font: 12px Arial;
}
ROT = Bestimmt das 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 brauchen sie 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,
dass heißt zwischen <head> und </head>
WICHTIG: Sie können nur eine Methode wählen!
