Stylesheet-Beispiel zum Kopieren

DruckversionPDF version

Stylesheet Beispiel zum Kopieren und Abändern. Das Stylesheet wird im &lthead> 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;
}

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

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

/*Style Angaben für Links*/

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

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

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

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 */

#copyrightzeile
{font-style:oblique;}

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