Zusammenfassung

CSS-Variablen (--name / var()) für Wartbarkeit & Design-Systeme
Selektoren für Fortgeschrittene: Attribut-Selektoren ([href^="..."]), :nth-child()/:first-child/:last-child, Pseudo-Elemente (::first-letter, ::first-line, ::selection), :has()
Positionierung: relative, absolute, fixed, sticky plus z-index
Flexbox: display: flex, eindimensional - flex-direction, justify-content (Hauptachse), align-items (Querachse), flex-wrap, gap, flex-grow/flex-shrink/flex-basis
CSS Grid: display: grid, zweidimensional - grid-template-columns/grid-template-rows, die Einheit fr, repeat(), grid-template-areas/grid-area, subgrid
Flexbox vs. Grid: eine Richtung → Flexbox, Zeilen und Spalten gleichzeitig → Grid - meistens werden beide kombiniert
Weitere Werkzeuge: aspect-ratio für feste Seitenverhältnisse, clamp()/min()/max() für fließende Größen, scroll-snap für einrastende Scroll-Galerien

Vertiefung