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
Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website
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…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
-
-
-
-
(Gesperrt)
CSS – Grundprinzip verstehen3 Min. 24 Sek.
-
(Gesperrt)
Erste Gestaltung entwerfen5 Min. 30 Sek.
-
(Gesperrt)
Mit Klassen auswählen2 Min. 56 Sek.
-
(Gesperrt)
Navigation gestalten2 Min. 52 Sek.
-
(Gesperrt)
Callout gestalten2 Min. 46 Sek.
-
(Gesperrt)
Inhalt in Form bringen2 Min. 38 Sek.
-
(Gesperrt)
Challenge: Webseite stylen1 Min. 20 Sek.
-
(Gesperrt)
Solution: Webseite stylen2 Min. 20 Sek.
-
(Gesperrt)
-
-