Von b_funke |

Stylesheet Beispiel zum Kopieren und Abändern. Das Stylesheet wird im <head> der HTML-Seite eingebunden über   
<link href="meinstil.css" rel="stylesheet">

*   
{margin:0;   
padding:0;   
border:0;}

/* Die Angabe gemeinsamer Standardwerte ist nur für ältere Browser erforderlich, die zum Teil unterschiedliche Browser-Stylesheets haben. Neuere Browserversionen sollten gleiche Voreinstellungen haben, grundsätzlich kann es bei nicht gesetzten Angaben jedoch zu unterschiedlichen Interpretationen verschiedener Browser kommen. */

body   
{   
font-family:Arial, Verdana, Tahoma, Georgia;   
font-size:12px;   
font-weight: normal;   
color: #333333;   
text-decoration: none;   
background-color:#fcf0e1;   
}

h1   
{   
font-size: 13px;   
color: #706363;   
font-family: Arial, Verdana, Tahoma, Georgia;   
text-decoration: none;   
}

/*Vorsicht! Die folgende Angabe deaktiviert
alte HTML-Befehle für "fette Schrift".*/

strong, b   
{   
font-weight: normal;   
color: #333333;   
}

/* Neue CSS Kodierung für  "fette Schrift". Es sind auch Zahlenangaben von 100 bis 900 möglich */

/* . entspricht der HTML Angabe class */

.fetteueberschrift   
{   
font-size: 13px;   
font-weight: bold;   
color: #706363;   
}

/*Style Angaben für Links*/

/*Ein Link, das vom Benutzer noch nicht aufgerufen wurde*/

a:link   
{   
color: #333;   
text-decoration: none;   
}

/*Ein Link, das der Benutzer bereits besucht hat*/

a:visited {   
color: #444;   
text-decoration: none;   
}

/*Ein Link beim Überfahren mit der Maus*/

a:hover {   
color: #706363;   
text-decoration: underline;   
}

/*Ein Link im kurzen Moment des Anklickens*/

a:active {   
color: #000;;   
}

/*Die Reihenfolge der Linkdefinitionen muss eingehalten werden*/

/* Links der Klasse "fett" */   
a.fett:link {   
font-weight: bold;   
}

a.fett:visited {   
font-weight: normal;   
}

a.fett:hover {   
font-weight:bold;   
}

a.fett:active {   
font-weight: bold;}

/* eine id wird einmal auf einer HTML-Webseite vergeben, mittels der id können Elemente von Programmen, z.B. Javascript, angesprochen und verarbeitet werden. # entspricht der HTML-Angabe id. */

#copyrightzeile   
{font-style:oblique;}

genaue Details zu Stylesheet-Angaben unter: de.selfhtml.org