Easier to read with cream paper, a tint, more contrast or larger text? Choose your colours and text, once, for every page.

Vorschau

Farben und Schrift

Das ist die erste Seite der Lektion. Lies sie und probier die Aufgaben aus. Der Rest steht im ganzen Kurs.

35 Minuten

Das Trikot macht den Verein

Beim Fußball erkennst du eine Mannschaft sofort an der Farbe des Trikots.

Eine Webseite ohne Farben sieht aus wie ein Team in weißen Trikots. Du kannst sie lesen, aber sie wirkt langweilig. Mit CSS gibst du ihr Farben und eine Schrift.

Am Ende dieser Lektion

Notiz

Ich kann mit CSS die Farbe und die Schrift eines Textes festlegen.

Schlüsselwörter

BegriffWas er bedeutetBeispiel
CSSDie Sprache für das Aussehen einer Webseite.
EigenschaftDas, was du ändern willst.color
WertDas, was du für die Eigenschaft einsetzt.red
HexcodeEine Farbe als Raute und sechs Zeichen.#ff0000
SchriftartDie Form der Buchstaben.Arial

Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.

Start: Das weißt du schon

Probier es aus

Start: Das weißt du schon

4 Fragen
Probieren Sie es aus: Ihre Antworten werden hier bewertet und danach vergessen. Melden Sie sich an, wenn Ihre Punktzahl gespeichert werden soll und Sie später dort weitermachen möchten, wo Sie aufgehört haben.Anmelden, um die Punktzahl zu behalten

Deine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.

Eine Farbe festlegen

Die Eigenschaft color färbt den Text. Die Eigenschaft background-color färbt den Hintergrund.

Du kannst eine Farbe mit ihrem englischen Namen sagen, zum Beispiel red, blue oder darkgreen.

Probiere es aus: Die Vereinsseite

Code: web
<h1>FC Rosenau</h1>
<p>Wir trainieren dienstags und donnerstags.</p>
<p class="ergebnis">Letztes Spiel: 3 zu 1</p>
<p id="spruch">Auf geht’s, Rosenau!</p>

Kontrolle: Farbe

Probier es aus

Kontrolle: Farbe

3 Fragen
Probieren Sie es aus: Ihre Antworten werden hier bewertet und danach vergessen. Melden Sie sich an, wenn Ihre Punktzahl gespeichert werden soll und Sie später dort weitermachen möchten, wo Sie aufgehört haben.Anmelden, um die Punktzahl zu behalten

Deine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.

Die Lektion geht weiter

8 weitere Teile dieser Lektion stehen im ganzen Kurs, mit den Aufgaben und der Abschlussprüfung. Mit einem Konto bekommst du alles.