Das Trikot macht den Verein
Zwei Mannschaften laufen auf den Platz. Die Spieler sind gleich, nur die Trikots sind anders. Man erkennt sofort, wer zu wem gehört.
HTML sagt, was auf der Seite steht. CSS sagt, wie es aussieht. Es ist das Trikot der Seite.
Am Ende dieser Lektion
Notiz
Ich kann eine CSS-Regel mit Selektor, Eigenschaft und Wert schreiben.
Schlüsselwörter
| Begriff | Was er bedeutet | Beispiel |
|---|---|---|
| CSS | Die Sprache, die das Aussehen einer Seite festlegt. | |
| Selektor | Er wählt aus, für welche Elemente eine Regel gilt. | h1 |
| Eigenschaft | Das, was sich ändert, zum Beispiel die Farbe. | color |
| Wert | Wie die Eigenschaft aussehen soll. | red |
| Klasse | Ein Name, den man einem Element gibt, um es auszuwählen. | class="wichtig" |
Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.
Starter
Probier es aus
Starter
3 FragenDeine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.
Eine Regel hat drei Teile
Eine CSS-Regel beginnt mit dem Selektor, zum Beispiel h1. Dann folgen geschweifte Klammern.
Darin steht eine Eigenschaft, ein Doppelpunkt, ein Wert und ein Semikolon: color: red;. Eine Regel kann mehrere solcher Zeilen haben.
Eine Regel in ihre Teile zerlegt
| Teil | In der Regel | Aufgabe |
|---|---|---|
| Selektor | h1 | Wählt alle h1 aus |
| Eigenschaft | color | Was ändert sich? |
| Wert | darkgreen | Wie soll es sein? |
| Semikolon | ; | Beendet die Zeile |
Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.
Probiere es aus: Farbe und Größe
<h1>FC Sonnental</h1>
<p>Wir trainieren am Dienstag.</p>
<p class="wichtig">Am Samstag ist das Vereinsfest.</p>
<!-- Im Fenster CSS stehen die Regeln. Ändere die Farbe von h1. -->
Kurze Prüfung: die Regel
Probier es aus
Kurze Prüfung: die Regel
3 FragenDeine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.