CSS Schnellstart – Zusammenfassung Modul 2

In diesem Modul hast du das wichtigste über das Box Model und seine Eigenschaften in CSS gelernt. Gehen wir nochmal kurz durch:

  • Die meisten Elemente im Browser werden als Box gesehen.
  • Eine Box besteht aus dem Inhalt, einem Innenabstand, Rahmen und Außenabstand.
  • Die Breite und Höhe lässt sich mit den Eigenschaften width & height setzen.
  • CSS bietet für die Größenangaben absolute und relative Einheiten an.
  • Der Innenabstand nennt sich padding und kann auf allen Seiten der Box angegeben werden.
  • Der Außenabstand nennt sich margin und kann auf allen Seiten der Box angegeben werden.
  • Um nur bestimmte Seiten der Box anzusprechen, kann top, left, right und bottom Zusätze an manchen Eigenschaften verwenden.
  • Mit den border-Eigenschaften lassen sich Rahmen um die Box setzen.
  • Mit der visibility und der display-Eigenschaft können Elemente ausgeblendet werden.