<html>
<head>
<title>css</title>
<meta name="author" content="Dieter">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">


</head>
<body>


</body>
</html>

     <style media="screen" type="text/css">
<!--
a { color: red; font-weight: bold; font-size: 12pt; font-family: Verdana, Helvetica, Arial; text-decoration: none }

a:hover { color: red; font-weight: bold; font-size: 12pt; font-family: Verdana, Helvetica, Arial; text-decoration: none; cursor : auto; background:
#C0C0C0}

p { color: black; font-weight: regular; font-size: 12pt; font-family: Verdana, Helvetica, Arial; text-decoration: none }

TD { color: black; font-weight: regular; font-size: 12pt; font-family: Verdana, Helvetica, Arial; text-decoration: none; }

TH { color: white; font-weight: bold; font-size: 20pt; font-family: Verdana,
Helvetica, Arial; text-decoration: none }

H4 { color: #FFFFFF; font-weight: bold; font-size: 24pt; font-family: Verdana, Helvetica, Arial; text-decoration: none }

font { color: blue; font-weight: bold; font-size: 16pt; font-family: Verdana, Helvetica, Arial; text-decoration: none; }

-->
body {
scrollbar-arrow-color: "#FF0000";
scrollbar-base-color: "#000000";
}


<!--
.fshadow
{
height: 10pt;
font-size: 49pt;
font-family: arial;
filter: shadow(color=ffffe0, direction=120);
}
-->


</style>

So:
dieses bespielhafte CSS formatiert folgende Dinge:
a ---> Link
a:hover ---> Link beim Überfahren
p ---> Abschnitte
td ---> table-data (Tabellenfeld)
th ---> table-head (Tabellenüberschrift)
h4 ---> Überschrift
font ---> Schrift