CSS: Gestalten mit Regeln

Dreißig Übungen in gemischter Reihenfolge — du klickst, ziehst, ordnest, rechnest und knobelst. Jede Übung gibt dir sofort eine Rückmeldung, und zu jeder Aufgabe gibt es zwei gestufte Tipps: Der erste zeigt die Richtung, der zweite den entscheidenden Schritt. Die Chips zeigen das Anforderungsniveau: AFB I heißt wiedergeben und direkt anwenden, AFB II selbst entscheiden und verknüpfen, AFB III begründen, beurteilen oder eine Falle durchschauen. Aufgaben mit dem Chip Mix verbinden Wissen aus früheren Unterkapiteln, bei Trick steckt eine Falle drin. Fährst du über ein unterstrichenes Arbeitswort, siehst du, was es genau von dir verlangt.

.profil {
  width: 140px;
  padding: 12px;
  border: 3px solid black;
  margin: 20px;
}

.kasten {
  width: 80px;
  padding: 30px;
  border: 6px solid black;
  margin: 10px;
}

.kasten {
  width: 200px;
  padding: 20px;
  border: 5px solid black;
  margin: 10px;
  background: yellow;
}