Startseite Kurse durchsuchen Programming Basics CSS from Scratch
Kostenloser Kurs English Verifiziertes Zertifikat Beginner #Programmier-Grundlagen #css #scratch

CSS from Scratch

EN PL FR

Learn CSS step by step and use it on real web pages right away. You will start with the basics and build toward selectors, layout, typography, responsive design, and simple refinements that make pages look polished.

4.7 (3 Bewertungen)
21 eingeschriebene Lernende
388 Aufrufe
25 lessons
~30 min gesamt
Im eigenen Tempo, lebenslanger Zugriff

Worum geht es in diesem Kurs?

This practical course helps working adults learn CSS step by step and use it on real web pages right away. You will start with the basics of how CSS works, then move into selectors, the box model, layout, typography, responsive design, and finishing touches that make pages look polished. Each module includes a short introduction, clear examples, and hands-on lessons with small real-world scenarios. By the end, you will be able to read, write, and adjust CSS with confidence, and you will know how to keep improving your skills after the course.

Was sind die wichtigsten Fakten zu diesem Kurs?

Preis Kostenlos
Zertifikat Verifiziertes Zertifikat
Dauer 30 min
Lektionen 25
Sprache English
Niveau Beginner
Prüfung Im eigenen Tempo, lebenslanger Zugriff

Lehrplan

7 modules · 25 lessons

1
Module 1: Getting Started with CSS
4 lessons
  • What CSS Is and Why It Matters
  • How CSS Is Added to a Web Page
  • Your First CSS Rules
  • Working Safely in a Beginner CSS Workflow
2
Module 2: Selectors and the Cascade
4 lessons
  • Element, Class, and ID Selectors
  • Grouping, Nesting, and Combinators
  • The Cascade and Specificity
  • Inheritance, Defaults, and Reset Thinking
3
Module 3: The Box Model and Spacing
4 lessons
  • Understanding the Box Model
  • Padding, Margin, and Border in Practice
  • Width, Height, and Sizing Behavior
  • The Box Model and Real Page Cleanup
4
Module 4: Typography and Visual Styling
4 lessons
  • Font Families, Size, and Line Height
  • Text Alignment, Decoration, and Transformation
  • Colors and Backgrounds
  • Borders, Shadows, and Subtle Polish
5
Module 5: Layout with Flexbox and Grid
4 lessons
  • Layout Basics: Display, Flow, and Alignment
  • Flexbox for One-Dimensional Layouts
  • CSS Grid for Two-Dimensional Layouts
  • Combining Flexbox and Grid in Real Projects
6
Module 6: Responsive Design and Practical CSS Habits
4 lessons
  • Responsive Design Basics
  • Media Queries and Breakpoints
  • Reusable CSS Patterns and Naming Habits
  • Debugging and Refining CSS in the Real World
7
Module 7: Course Summary
1 lessons
  • CSS Course Recap and Next Steps

Abschlusszertifikat

Nach Abschluss des Kurses schaltest du ein verifiziertes Zertifikat frei — als PDF herunterladbar, mit eindeutiger Nummer und Verifizierungslink.

Jedes Zertifikat hat einen eindeutigen Verifizierungslink und QR-Code.

Häufig gestellte Fragen

Is this course free to start?

Yes. You can start learning this course for free.

Who is this course for?

This course is designed for learners who want practical, job-relevant skills and a structured path from basics to application.

Do I need prior experience?

No prior experience is required unless specific prerequisites are listed in the course requirements section.

How long does this course take?

The estimated total study time for this course is 30 min.

How does the certificate work?

Nach Abschluss des Kurses kannst du ein verifiziertes Zertifikat mit eindeutiger Nummer und öffentlichem Verifizierungslink herunterladen.

Bewertungen von Lernenden

4.7
3 Bewertungen
5
2
4
1
3
0
2
0
1
0
E
Emily R. Verifiziert · 16 Mai 2026

Clear CSS basics

The step-by-step intro to selectors and the box model made the whole thing easy to follow. I just wish the layout section had one more example.

M
Michael B. Verifiziert · 22 Feb 2026

Helpful on responsive design

I finally got how media queries fit into responsive design after the examples here. The small real-world pages made it click fast.

M
Megan V. Verifiziert · 30 Aug 2025

The typography lesson on spacing and line height stood out.

Das könnte Ihnen auch gefallen

JavaScript for Interactive Websites Kostenlos Verified
🇬🇧 EN 17 30 min

JavaScript for Interactive Websites

#Programmier-Grundlagen #javascript #interactive
4.5 (4) · 132
The Most Interesting Python Libraries That Can Make Money for You Kostenlos Verified
🇬🇧 EN 17 15 min

The Most Interesting Python Libraries That Can Make Money for You

#Programmier-Grundlagen #most #interesting
4.7 (3) · 125
Układy CSS: Flexbox i Grid Kostenlos Verified
🇵🇱 PL 17 45 min

Układy CSS: Flexbox i Grid

#Programmier-Grundlagen #układy #css
5.0 (3) · 135
Python Functions and Small Projects Kostenlos Verified
🇬🇧 EN 17 45 min

Python Functions and Small Projects

#Programmier-Grundlagen #python #functions
4.7 (3) · 73