Die Box kontrollieren
Display Settings
Jedes Element kann seine eigene Darstellung haben und seine Child- und Sibling-Elemente beeinflussen.
Die häufigsten Display-Settings
Child-Styling
inline: Element nimmt nur seinen benötigten Platz ein.
block: Element nimmt sich die ganze Breite ein.
Die meisten HTML-Tags sind standardmässig entweder Inline oder Bock Elemente.
none: Element wird nicht dargestellt.
Parent-Styling
flex: Die Flexbox eignet sich besonders um mehrere Child-Elemente innerhalb eines Parent-Elements zu platzieren.
Grid: Elemente können in einem Raster dargestellt werden. Grid ist eine massive Optimierung für responsive Webdesign.
