Zurück zu Modulen
Palette

CSS

Anfänger

Gestalte deine Webseiten. Farben, Flexbox, Grid, Animationen und Responsive Design.

16 Artikel
Interaktive Beispiele

0 von 16 Artikeln abgeschlossen (0%)

Tutorial starten

Lernpfad

Arbeite die Kapitel in der vorgeschlagenen Reihenfolge durch

1

CSS Grundlagen

Selektoren, Properties und Werte

0 / 16 Artikel
0%
1

CSS Grundlagen: Dein erstes Stylesheet

Anfänger

Lerne CSS von Grund auf! Farben, Schriften, Layouts - alles was du brauchst um schöne Webseiten zu gestalten.

35
2

CSS Selektoren - Element, Klasse, ID & mehr

Anfänger

Lerne alle CSS-Selektoren kennen: Element-, Klassen- und ID-Selektoren, Kombinatoren und wie du gezielt HTML-Elemente ansprichst.

12
3

CSS Basics - Deine Seite gestalten

Anfänger

Lerne, wie du mit CSS deine HTML-Seiten zum Leben erweckst. Farben, Schriftarten, Layouts - alles was du für schöne Webseiten brauchst.

18
4

CSS Farben - hex, rgb, rgba, hsl erklärt

Anfänger

Lerne alle Wege, Farben in CSS zu definieren: Farbnamen, Hex-Codes, RGB, RGBA, HSL und wann du welches Format nutzt.

10
5

CSS Typography - Schrift & Text perfekt stylen

Anfänger

Lerne alles über CSS-Typografie: font-family, font-size, font-weight, line-height, text-align und wie du lesbaren Text gestaltest.

12
6

CSS Box Model - margin, padding, border verstehen

Anfänger

Lerne das CSS Box Model verstehen: Content, Padding, Border, Margin und den Unterschied zwischen box-sizing: content-box und border-box.

14
7

CSS Display & Position - Layout-Grundlagen

Anfänger

Lerne die CSS-Properties display (block, inline, inline-block) und position (static, relative, absolute, fixed, sticky) für modernes Layout.

15
8

CSS Backgrounds & Borders - Hintergründe & Rahmen stylen

Anfänger

Lerne alles über CSS Backgrounds (Farben, Bilder, Gradients) und Borders (border-radius, box-shadow) für modernes Design.

14
9

CSS Transitions & Animations - Bewegung ins Design bringen

Anfänger

Lerne CSS Transitions für smooth Effekte und Animations für komplexe Bewegungen: transition, animation, keyframes, timing-functions.

16
10

CSS Transforms - rotate, scale, translate & mehr

Anfänger

Lerne CSS Transforms für 2D & 3D Transformationen: translate, rotate, scale, skew, transform-origin und matrix. Perfekt mit Transitions!

14
11

CSS Media Queries - Responsive Design

Anfänger

Lerne Media Queries für responsive Webseiten: Breakpoints, mobile-first, min-width/max-width, und responsive Patterns für alle Geräte.

16
12

CSS Variables (Custom Properties) - Dynamische Werte

Anfänger

Lerne CSS Variables für wiederverwendbare Werte: --variable definieren, var() nutzen, :root, Scoping, Fallbacks und JavaScript-Integration.

12
13

CSS Pseudo-Classes - :hover, :focus, :nth-child & mehr

Anfänger

Lerne alle wichtigen CSS Pseudo-Classes: :hover, :active, :focus, :first-child, :last-child, :nth-child, :not und viele mehr für interaktive Designs.

16
14

CSS Pseudo-Elements - ::before, ::after & mehr

Anfänger

Lerne CSS Pseudo-Elements für zusätzlichen Content ohne HTML: ::before, ::after, ::first-letter, ::first-line, ::selection und creative Anwendungen.

14
15

CSS Flexbox - Der komplette Guide

Fortgeschritten

Meistere CSS Flexbox von Grund auf. Alle Properties, praktische Beispiele und moderne Layouts. Von justify-content bis align-items - alles erklärt!

35
16

CSS Grid - Der komplette Guide

Fortgeschritten

Meistere CSS Grid von Grund auf. Erstelle komplexe 2D-Layouts mit Grid Template, Areas, Auto-Placement und mehr. Mit praktischen Beispielen!

40