Was ist CSS?
CSS (Cascading Style Sheets) ist die Sprache zur visuellen Gestaltung von Webseiten. Sie definiert Farben, Schriften, Layouts, Abstände und Animationen. Das "Cascading" bedeutet, dass Styles von mehreren Quellen kommen können und nach Spezifität gewichtet werden. Moderne CSS-Features: Flexbox und Grid für Layouts, CSS Variables (Custom Properties), Media Queries für Responsive Design, CSS Animations und Transitions. CSS-Frameworks wie Tailwind CSS, Bootstrap beschleunigen die Entwicklung. CSS-Preprocessors wie Sass/SCSS erweitern CSS um Variablen, Nesting und Mixins. Kritisches CSS (above-the-fold) sollte inline sein für schnelle Darstellung.
Wichtige Punkte
- Stylesheet-Sprache für visuelles Design
- Cascading = Vererbung und Spezifität
- Flexbox und Grid für moderne Layouts
- Media Queries für Responsive Design
- Frameworks: Tailwind, Bootstrap
- Kritisches CSS inline für Performance
Praxisbeispiel
“Mit Tailwind CSS und CSS Grid erstellen wir responsive Layouts ohne eigenes CSS schreiben zu müssen.”