Zum Inhalt springen

HTML und CSS: Farben und Schriftarten

Schritt 1 von 7

In dieser Lektion lernen wir, wie man Farben und Schriftarten in CSS anwenden kann, um Webseiten ansprechender und informativer zu gestalten. Farben und Schriftarten können den Eindruck, den Benutzer von einer Webseite haben, erheblich beeinflussen. In CSS gibt es verschiedene Möglichkeiten, Farben zu definieren, wie z.B. Farbnamen, hexadezimale Werte oder RGB-Werte. Schriftarten können durch die Verwendung unterschiedlicher Schriftarten, Größen, Füllungen, Linien, Sprünge usw. verfeinert werden. Hier ist ein Beispiel, wie man Farben und Schriftarten in CSS anwendet:

body {
background-color: #ffffff; /* Weiß */
color: #000000; /* Schwarz */
font-family: 'Arial', sans-serif;
font-size: 16px;
}
 
h1 {
color: #ff0000; /* Rot */
font-size: 24px;
}
 
p {
color: #00ff00; /* Grün */
font-size: 14px;
}