Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen
So erhalten Sie Zugriff auf diesen Kurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.
Farbnamen und hexadezimale Farbangaben – Tutorial zu CSS
Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen
Farbnamen und hexadezimale Farbangaben
Am Bildschirm werden alle Farben aus Licht in den Farben Rot, Grün und Blau gemischt. Und zur Definition der jeweiligen Farbanteile gibt es in CSS diverse Möglichkeiten. Im Stylesheet haben Sie bis jetzt Farbnamen benutzt wie black, white, whitesmoke, steelblue, dimgrey und solche Sachen. Diese Namen sind definiert, das möchte ich Ihnen hier auf der Webseite noch einmal auf der MDN-Seite hier zu Farbwerten einmal kurz zeigen. Da wird das alles sehr, sehr ausführlich geschildert. Hier gibt es eine lange Tabelle mit Keywords, mit Farbnamen. Ursprünglich gab es 16 in CSS 1, die werden hier gezeigt. Dann kam in CSS 2 orange dazu. Und jetzt gibt es ein eigenes Farbmodul mit der aktuellen Versionsnummer 3 und da sind alle anderen Farbnamen definiert, die Sie hier sehen. Da wird auch schon der erste Nachteil von Farbnamen deutlich. Der Vorteil ist, man muss zumindest bei den Grundfarben fast nichts erklären, weil die sind auch auf Englisch einigermaßen verständlich. Aber der Nachteil ist…
Inhalt
-
-
-
CSS steht für »Cascading Style Sheets«3 Min. 26 Sek.
-
Jeder Browser hat ein eingebautes Stylesheet4 Min. 40 Sek.
-
(Gesperrt)
Wichtige Vokabeln: der Aufbau einer CSS-Regel3 Min. 46 Sek.
-
(Gesperrt)
HTML und CSS miteinander verbinden4 Min. 37 Sek.
-
(Gesperrt)
Box-Modell kennenlernen: padding, border und margin5 Min. 1 Sek.
-
(Gesperrt)
Farbnamen und hexadezimale Farbangaben5 Min. 4 Sek.
-
(Gesperrt)
Wichtige Einheiten: px, em, Prozent, rem & Co.5 Min. 4 Sek.
-
(Gesperrt)
Wissen, wo es steht: CSS-Referenzen zum Nachschlagen4 Min. 29 Sek.
-
(Gesperrt)
Challenge: Was ist ein CSS-Reset und benötigt man so etwas heute noch?59 Sek.
-
(Gesperrt)
Solution: CSS-Reset4 Min. 39 Sek.
-
-
-
-
-
-
-
-
-