Dein Fortschritt:
0 / 0 Aufgaben
1
Eine Karte für den Vertretungsplan
AFB I–IIAuf der Schulseite soll jeder Vertretungseintrag als Karte erscheinen:
<div class="karte"> <h2>7b – Mathe</h2> <p class="raum">Raum 204</p> </div>
.karte {
width: 260px;
padding: 16px;
border: 2px solid #2c5fb5;
margin: 12px;
background: #eef3fb;
}
.raum { font-weight: bold; }- Nenne die Selektoren im Stylesheet und gib jeweils an, welche Elemente sie treffen.
- Berechne die sichtbare Breite einer Karte und den Platz, den sie in der Zeile einnimmt.
- Begründe, warum für die Karten eine Klasse und keine ID verwendet wird.
Hinweise
Hinweis zu Aufgabe a)
Punkt = Klasse.
Hinweis zu Aufgabe b)
Sichtbar: width + 2 · padding + 2 · border; Platz: zusätzlich 2 · margin.
Hinweis zu Aufgabe c)
Wie viele Karten gibt es auf einer Seite?