Profi-Tipp: Boxen untersuchen

CSS einer Box hacken

  Möchtest du wissen, wie eine Box auf einer Website definiert wurde, kannst du das im Browser Chrome mit Hilfe der sog. Entwickler-Tools (DevTools) anzeigen lassen.
Das funktioniert nicht auf dem iPad!

Anleitung

  1. Klicke mit der rechten Maustaste auf das Element, das du hacken möchtest. Wähle im Menü die Option "Untersuchen". Darauf öffnet sich ein zusätzlicher Bereich im Browser.
  2. Klicke (falls nötig) auf den Reiter "Elements".
  3. Klicke rechts auf den Reiter "Computed". Du siehst darauf eine Grafik mit dem Boxmodell und die dazugehörigen CSS-Eigenschaften.

Chrome DevTools Boxmodell