Also hier setzte ich schon ein paar HTML und CSS Kenntnisse voraus. Ihr solltet wissen, wie man Überschriften im HTML definiert und ein paar Grundlagen in Sachen Stylesheets beherrschen (Textstyling usw.).

1. Schritt
Wir erstellen eine .css-Datei und binden sie, wie gewohnt, in den Header unserer .html-Datei ein.

2. Schritt
In unserem HTML Code definieren wir jetzt die Überschriften. Zum Beispiel so:
<h1>Überschrift 1</h1>

3. Schritt
In unserem Stylesheet formatieren wir jetzt die Überschrift:
h1 {...}

Zwichen die Klammern kommen jetzt eure "Eigenschaften", also Schriftfarbe, -art usw.
Probiert einfach ein bisschen herum, bis euch das Ergebnis gefällt.
Ganz wichtig ist, dass ihr hinter jeder Eigenschaft ein
; setzt.

4. Beispiele
Ihr könnt das alles gerne so übernehemen ich habe die Beispiele allerdings als Bilder eingefügt. Die Schrift ist dann im Endeffekt vielleicht ein bisschen größer oder kleiner, aber Hauptsache ist, ihr wisst ungefähr wie es dann aussieht.


h1{
display: block;
text-align: POSITION;
font-family: verdana;
FONT-SIZE: 12pt;
COLOR: #SCHRIFTFARBE;
font-weight: bold;
background-color:#HINTERGRUNDFARBE;
line-height: 8pt;
text-decoration: none;
border-bottom: 1px #UMRANDUNGSFARBE;
}


h2{
color: #SCHRIFTFARBE;
letter-spacing:1px;
font-weight: bold;
border-bottom: solid 3px #STRICHFARBE;
font-family:verdana;
font-size: 10px;}


h3{
display: block;
font-family: verdana;
font-size: 10pt;
color: #FARBFARBE;
text-decoration: none;
line-height: 7pt;
text-align: POSITION;
letter-spacing: 3px;
border-bottom: 3px double #STRICHFARBE;}


h4{
font-size: 10px;
color:#SCHRIFTFARBE;
text-align:center;
height: 2px;
border:1px solid;
border-color:#UMRANDUNGSFARBE;
background:URL();
font-weight:bold;}

So das wars auch schon wieder. Hoffe mal ihr habt was daraus lernen können. FRAGEN? Mail me