Webentwicklung mit CSS

Einführung in CSS

• Was ist CSS und warum ist es wichtig?
• Einbindung von CSS in HTML: Inline-Stile, interne Stylesheets
• Grundlegende Syntax und Selektoren

Farben und Hintergründe

• Farbwerte: HEX, RGB, RGBA, HSL
• Hintergrundbilder, -farben und -eigenschaften

Box-Modell und Layout

• Padding, Border und Margin
• Display-Eigenschaften: block, inline, inline-block, flex, grid
• Die `box-sizing` Eigenschaft

Stilisierung von Text und Schriftarten

• Schriftfamilien, -größen und -stile
• Textausrichtung, Zeilenhöhe und Buchstabenabstand

Positionierung und Layout-Techniken

• Position: static, relative, absolute, fixed, sticky
• Flexbox: Ein moderner Weg, um Layouts zu gestalten
• CSS Grid: Zweidimensionales Layoutsystem

Responsives Design

• Medienabfragen und Breakpoints
• Mobile-First vs. Desktop-First Ansätze
• Responsive Einheiten: em, rem, vh, vw

Effekte und Animationen

• Übergänge und Transformationen
• Schlüsselbild-Animationen

Erweiterte Themen (Zeitabhängig)

• Pseudoklassen und Pseudoelemente
• CSS-Variablen (benutzerdefinierte Eigenschaften)
• Best Practices und Performance-Optimierung