CSS für Einsteiger

Passt der Kurs zu dir?

1. 1
   Arbeitgeber erwarten von Web Developern häufig eine Aus- oder Weiterbildung in Informatik oder ein Studium; ohne Abschluss zeigt ein Portfolio mit eigenen Projekten, was du kannst.
2. 2
   Ein Rechner mit aktuellem Browser, Code-Editor und Git, auf dem du Werkzeuge wie Node.js selbst installieren darfst.
3. 3
   Kenntnis der Barrierefreiheitspflichten, wenn du Online-Shops oder Buchungsstrecken für Verbraucher baust.

Das lernst du

1. 1
   CSS - Einführung
2. 2
   HTML und CSS
3. 3
   Dokumente konsistent gestalten
4. 4
   Browser-Entwickler-Tools
5. 5
   CSS referenzieren
6. 6
   Optimieren von Bildern und Retina-Displays
7. 7
   Relative Pfade
8. 8
   Absolute Pfade
9. 9
   Hinzufügen von Bildern und Symbolen
10. 10
    CSS-Dateien referenzieren
11. 11
    Erstellen einer CSS-Datei
12. 12
    CSS - Grundlegende Konzepte
13. 13
    CSS-Spezifikationen und das W3C
14. 14
    CSS-Syntax und -Terminologie
15. 15
    CSS-Werte und -Einheiten
16. 16
    Die Farb- und Eigenschaftswerte
17. 17
    Typ- und Universalselektoren
18. 18
    Klassen- und ID-Selektoren
19. 19
    Klasse und ID
20. 20
    Nachkommende Selektoren
21. 21
    Gruppierungs-Selektoren
22. 22
    Vererbung und Spezifität
23. 23
    Die Kaskade und die Wichtigkeit
24. 24
    Hinzufügen von Farben
25. 25
    Pseudoklassen-Selektoren und Links
26. 26
    Gestaltung von Links
27. 27
    Das CSS-Box-Modell
28. 28
    Einführung in das CSS-Box-Modell
29. 29
    Inline, Block und Anzeige
30. 30
    Die Eigenschaften des Box-Modells
31. 31
    Die Syntax und Verwendung der Box-Eigenschaften
32. 32
    Fehlersuche im Box-Modell
33. 33
    Padding, Margin und Border
34. 34
    Ränder und Layouts
35. 35
    Hinzufügen von Inhaltsumhüllungen
36. 36
    Rand und Padding
37. 37
    Aktualisierung von Hintergrundbildern
38. 38
    Negative Randwerte verwenden
39. 39
    Mittig ausrichten mit Rand
40. 40
    Hinzufügen eines Kopfzeilenbildes
41. 41
    CSS-Typografie
42. 42
    Typografie für das Web
43. 43
    Ändern der Font-Familie
44. 44
    Schriftgewicht und Schriftstil
45. 45
    Web-Schriften mit @font-face
46. 46
    Web-Schriften mit Google Fonts
47. 47
    Google-Schriftarten
48. 48
    Die Eigenschaft font-size
49. 49
    Schrift-Kurzschrift
50. 50
    Textdekoration, Textausrichtung und Zeilenhöhe
51. 51
    Typografie-Stile
52. 52
    CSS-Layouts mit Float und Position
53. 53
    Einführung in float
54. 54
    Die Eigenschaften float und clear
55. 55
    Float und zusammengeklappter Container
56. 56
    Layouts und das Box-Modell
57. 57
    Float und Boxmodell fix
58. 58
    Position und z-Index
59. 59
    CSS-Layouts mit Flexbox und Grid
60. 60
    Einführung in Grid und Flexbox
61. 61
    Einführung in Flexbox
62. 62
    Flexbox: Ausrichtung und Anordnung
63. 63
    Flexible Größenanpassung
64. 64
    Flexbox-Ausrichtung
65. 65
    Einführung in das CSS-Grid
66. 66
    Das explizite Raster
67. 67
    Das implizite Raster
68. 68
    Eigenschaften der Grid-Platzierung
69. 69
    Grid-Spalten und Firefox Grid Inspector
70. 70
    Erweiterte CSS-Selektoren
71. 71
    Einführung in erweiterte Selektoren
72. 72
    Relationale Selektoren: Kombinatoren
73. 73
    Aktualisierungen mit Kombinatoren
74. 74
    Pseudo-Klassen-Selektoren: Erster und letzter
75. 75
    Erweiterte Selektoren
76. 76
    Fluid und Responsive CSS-Layouts
77. 77
    Einführung in das Responsive Design
78. 78
    Erstellen von flüssigen Layouts
79. 79
    Flexible Hintergrundbilder
80. 80
    Flexibles Hintergrundbild
81. 81
    Einführung in Media-Queries
82. 82
    Media Queries, Breiten und Haltepunkte
83. 83
    Testen von responsiven Layouts
84. 84
    Media Queries und responsives Layout
85. 85
    Lernziele
86. 86

    Nach Abschluss dieses Seminars werden Sie in der Lage sein

    Strukturierte und wartbare CSS-Dateien zu schreiben, um Webseiten gezielt zu gestalten.
    Die wichtigsten CSS-Grundlagen wie Box-Modell, Selektoren und Spezifität sicher anzuwenden.
    Mit Flexbox und Grid moderne, flexible Seitenlayouts zu erstellen.
    Typografie und Farbkonzepte gezielt einzusetzen, um Inhalte visuell zu betonen.
    Webseiten mithilfe von Media Queries für verschiedene Bildschirmgrößen zu optimieren.
    Dieses Seminar richtet sich an Einsteigerinnen und Einsteiger sowie an Webentwickler, die ihr CSS-Wissen auffrischen möchten. Nach dem Training beherrschen Sie die Sprache des modernen Webdesigns klar, effizient und ästhetisch. Sie werden in der Lage sein, Websites zu gestalten, die nicht nur funktionieren, sondern begeistern.
    Möchten Sie wissen, wie Sie mit wenigen Zeilen Code den Unterschied zwischen Chaos und Klarheit schaffen? In diesem Seminar finden Sie die Antwort.
    (Version: 2026-02-13T10:43:51+01:00)

Förderwege

Wer deinen Kurs zahlt

Brutto im Monat

Mitte und Viertel bundesweit

3 Schritte vom Kurs in den Beruf

1. 1

   Seiten für jedes Gerät bauen

   Mit Flexbox, Grid und Media Queries passt du Layouts an Smartphone, Tablet und Desktop an. Laut Berufsprofil sorgen Web Developer dafür, dass Inhalte bei unterschiedlichen Bildschirmauflösungen gleichermaßen dargestellt werden. Beispiel: Du baust die Speisekarte eines Restaurants so, dass sie auf dem Handy ohne Zoomen lesbar ist.

2. 2

   Barrierefrei entwickeln

   Das Barrierefreiheitsstärkungs­gesetz verlangt barrierefreie Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher, etwa Online-Shops. Du übst dafür semantisches HTML, Tastaturbedienung, Alternativtexte und ausreichende Kontraste. Beispiel: Du ergänzt das Bestellformular eines Shops um Beschriftungen, die ein Screenreader vorliest.

3. 3

   Daten aus APIs anzeigen

   Kurse zu REST, GraphQL und Echtzeitanwendungen zeigen, wie dein Frontend Daten vom Server lädt, Fehler abfängt und Ansichten ohne Neuladen aktualisiert. Beispiel: Du baust eine Übersicht, die den Lieferstatus aus der Schnittstelle eines Paketdienstes laufend anzeigt.

Themen

Arbeitsmarkt

Web Developer bundesweit in Zahlen