Stylesheet-Beispiel zum Kopieren
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;
}
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