Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

CSS – Grundprinzip verstehen

CSS – Grundprinzip verstehen

Bei unserem Beispiel fehlen noch die Formatierungen, es fehlt noch die Gestaltung, und dafür brauchen wir CSS. CSS hat eine eigene Syntax, die ist ganz anders als die HTML-Syntax. Und das Grundprinzip ist wie folgt: Wir haben einen Selektor. Wir sagen: Was wollen wir gerne formatieren? Bspw. h2. Dann kommen geschweifte Klammern, und in den geschweiften Klammern stehen immer Eigenschaften, denen Werte zugewiesen werden, und diese Zuweisung funktioniert durch einen Doppelpunkt. Also, "background-color: red;" bedeutet, dass die Hintergrundfarbe auf Rot gesetzt werden soll und am Ende steht ein Strichpunkt. Sehen wir uns das konkret in unserem Beispiel an. Die erste Frage ist natürlich: Wo schreibe ich den CSS-Code hin? Und eine Möglichkeit ist, dass man direkt in den head-Bereich den CSS-Code schreibt und dafür braucht man ein style-Element. D.h., ich habe hier style-Anfang, style-Ende und da rein kann ich nun CSS-Code schreiben. Ich nehme einmal die Regel von eben, also h2, dann geht…

Inhalt