Jetzt kann man verschiedene Sachen stylen. Zum einen die gängigen Tags z.B. input body usw. Das sieht dann im CSS-Code so aus:

body {
...
}
input {
...
}

Für ... kommt dann natürlich der Inhalt. Dort wo jetzt diese Bereiche auftauchen also body und input, die werden nun so gestylt, wie wir es vorgegeben haben.
Jetzt können wir noch Klassen erstellen. Dazu denken wir uns einen Namen aus und schreiben ein Punkt davor:

.klassenname {
...
}


Das binden wir jetzt so in unser Html-Dokument. Als Beispiel in ein Div geht natürlich in alles, p usw.

<div class="klassenname">Gestylter Inhalt</div>

Man schreibt halt class=name der klasse. Das ist also nicht besonders anspruchsvoll.
Dann kann man noch mit der id stylen dann schreibt man ein # vor dem gegeben namen in der CSS:

#klassenname {
...
}


Im Html-Code bindet man das Ganze dann ungefähr so ein:

<div id="klassenname">Gestylter Inhalt</div>

Also mit id=. Ist nicht besonders schwer <3

Jetzt gibt es noch spezielle Sachen, die man bestimmen kann z.B. Links und Liks Overs. Das geht so:

a {
...
}
a:hover {
...
}

a ist hierbei für den Link und a:hover für den Mouse-Over. Jetzt gibt es noch eine Möglichkeit, wenn man besondere Sachen in besonderen Regionen formatieren will. Also gehen wir mal davon aus wir haben ein DIV und möchten dies stylen und innerhalb dieses DIV sollen die Links eine besondere Eigenschaft haben. Das machen wir so:

.klasse a {
...
}

Nun hat der Link in unserer Klasse eine ganz besondere Eigenschaft:

<div class="klasse"><a href#>Gestylter Link</a></div>

Sehr einleuchtend. Das ist die grobe Struktur für die CSS, bald wird es aber schwerer ;)