CSS FÜR EINSTEIGER

In diesem kleinen Tutorial lernt ihr, wie man ganz einfach ein eigenes Stylesheet macht oder ein bereits bestehendes (ihr könnt gerne das unten stehende nehmen) so zu ändern, wie man es gerade benötigt ;) Zuerst einmal: Stylesheets sind .css-Dateien und CSS heißt Cascading Stylesheets. Es gibt 2 Möglichkeiten, CSS zu benutzen: entweder du fügst den kompletten CSS-Code in jede einzelne Seite ein oder du machst eine Extra-CSS-Datei, die du nur mit einem kurzem Verweis in deinen head-Bereich einbauen musst (allerdings auch auf jeder Seite). Hier wird gezeigt, was alles in eine Extra-CSS-Datei rein muss, damit du nachher schöne Linkeffekte und eine anständig aussehende Scrollbar hast ;) Außerdem stellt man im CSS-Dokument auch ein, welche Schrift man benutzen möchte und welche Farbe etc. Am besten schaut ihr euch das Ganze mal in Ruhe an:

So, und jetzt zur Erklärung: Der erste Abschnitt betrifft nur die Scrollbar, wo welche Farbe hinkommt, guckt ihr euch am besten bei "Tutorials -> Etc. -> Scrollbar-Hilfe für CSS" an.
Der 2. Abschnitt bis line-height beschäftigt sich ausschließlich mit dem Text auf eurer Seite. Dort könnt ihr eure Schriftart, die Farbe und die Zeilen- und Buchstabenabstände ändern.
Die 3 Zeilen von A:link bis A:hover bestimmen eure Link-Effekte! Bei "Tutorials -> CSS -> Einfache Link-Effekte" könnt ihr die Meisten Effekte einsehen.
In den letzten 3 Zeilen könnt ihr bestimmen, ob der Text, wenn er fett, kursiv oder unterstrichen ist, eine andere Farbe haben oder sonstige Effekte bekommen soll.
Das war's auch eigentlich schon im Großen und Ganzen, ändert das Ganze im Editor so, wie ihr es haben wollt, und speichert es ab, z.B. unter style.css. Jetzt braucht ihr nur noch den folgenden Code in den head-Bereich eurer Seiten einzufügen und dann könnt ihr gucken, ob ihr alles richtig gemacht habt ;)

Jetzt komme ich zu den CSS-Tags, die komplett in eine Seite eingefügt werden! Dazu müsst ihr nur folgenden Code in den head-Bereich einsetzen und dazwischen euren CSS-Code:

< back