Tipps zum Erstellen von Stylesheets

So sieht ein Stylesheet aus!

Es hilft Ihnen, damit Sie nicht auf jeder Html-Seite die Formatierungen von Farben, Schriftarten, Linkeigenschaften etc. eintragen müssen.

Stylesheets können mit dem HTML-Editor von Phase5 geschrieben werden
... oder alternativ mit einem Text-Editor.
Die Datei muss mit der Endung .css gespeichert werden.

Z.B.: Layout.css oder Navigation.css

Erst einmal nur die wichtigsten Angaben:

body {
    margin:0; padding:0;
background:#FFFF80;
    font:90% Verdana;
color:#FFFFFF;
}

a {
    color:#000000;
}

a:hover {
    color:#E30202;
    text-decoration:none;
}

a.active {
color:#808080;
text-decoration:none;
}

h1 {
    color:#E30202;
    font-size:165%;
    font-weight:400;
}

Die Einträge können Sie jetzt nach ihren Farbvorstellungen ändern.

Speichern Sie die Datei in dem Ordner, wo sich ihre HTML-Seiten befinden.
z.B.: als Layout.css und übertragen Sie die Datei auf Server.

Was die einzelnen Begriffe im Stylesheet bedeuten:
margin:0; padding:0; background-color: #FFFF80 font: 90% Verdana color:#FFFFFF;	Hiermit wird der Abstand ihrer Website zum Browserfenster festgelegt. 0 = kein Abstand 3px = Abstand von 3px Hintergrundfarbe ihrer Website Schriftart und Schriftgröße Schriftfarbe
Dies ist ein sogenannter "Mouseover-Befehl" für Links Die Farben der Links wechseln, wenn man mit der Maus drüberfährt oder klickt.
a color: #000000 a:hover color: #E30202 text-decoration: none a:visited color: #808080 text-decoration: none	Die Schriftfarbe für den Link in diesem Fall = Schwarz Wenn die Maus über den Link geführt wird, wechselt die schwarze Schrift in "Rot" text-decoration: none (nicht unterstrichen) Besuchte Links erscheinen in diesem Fall in "Grau" So überblickt der Besucher schnell, welche Seiten er schon gesehen hat.

Hinweise

Tipps zum Erstellen von Stylesheets