Wie man mit CSS arbeitet
Jedem Tag in HTML entspricht ein sogenannter
Selektor CSS. Zum Beispiel entspricht dem Tag p
der CSS-Selektor p, mit dessen Hilfe
wir uns an alle Absätze der
HTML-Seite wenden und sie beispielsweise alle
gleichzeitig rot färben können.
Nach dem Selektor folgen geschweifte Klammern, innerhalb derer die CSS-Eigenschaften geschrieben werden. Die Eigenschaften legen Farbe, Schriftgröße und andere interessante Dinge fest. Sie werden in folgendem Format geschrieben: Eigenschaftsname, dann Doppelpunkt, dann der Wert dieser Eigenschaft (z.B. ist die Eigenschaft die Farbe, und "rot" ist der Wert). Dann muss ein Semikolon gesetzt werden und man kann die nächste Eigenschaft schreiben.
Lassen Sie uns zum Beispiel alle Absätze rot färben:
p {
color: red;
}
Platzieren Sie in Ihrer Datei styles.css den
Code, der Absätze rot färbt. Öffnen Sie die
Seiten Ihrer Website im Browser und vergewissern Sie sich,
dass alle Absätze rot geworden sind.
