Track overview

CSS Foundations

This track introduces absolute beginners to CSS in small, calm steps so they can understand styling, spacing, layout, and simple responsive thinking before moving deeper into JavaScript.

Starter Public preview available Certificate track

Access and prerequisites

Membership: Starter

Prerequisites:

  • HTML Foundations

Your readiness

This track requires the Starter plan.

Lessons in this track

Ordered intentionally for beginners

Lesson 1 14 min

What CSS Is

Start the CSS Foundations track with a calm explanation of what CSS is, what job it has on a page, and how it differs from HTML structure.

Preview available

Preview lesson
Lesson 2 14 min

Connecting CSS to HTML

Learn how a CSS file connects to an HTML page so styling feels attached, intentional, and easier to manage.

Preview available

Preview lesson
Lesson 3 15 min

Selectors and Simple Rules

Learn how CSS selects page parts and applies simple rules without making the styling process feel mysterious.

Full lesson opens after enrollment

View lesson outline
Lesson 4 15 min

Colors, Fonts, and Text Styling

Use beginner-friendly CSS to change colors, font choices, and readable text presentation.

Full lesson opens after enrollment

View lesson outline
Lesson 5 14 min

Backgrounds and Borders

Learn how backgrounds and borders help separate page areas and make layouts easier to understand visually.

Full lesson opens after enrollment

View lesson outline
Lesson 6 15 min

Margin, Padding, and Spacing

Learn the difference between margin and padding so spacing stops feeling random and starts feeling controllable.

Full lesson opens after enrollment

View lesson outline
Lesson 7 15 min

Classes and Reusable Styles

Use CSS classes to repeat styling on purpose instead of rewriting the same visual rule over and over.

Full lesson opens after enrollment

View lesson outline
Lesson 8 15 min

Width, Height, and Display Basics

Learn how size and display settings affect the way boxes and sections behave on a page.

Full lesson opens after enrollment

View lesson outline
Lesson 9 16 min

Layout Basics with Flexbox

Use Flexbox in a calm, beginner-safe way to arrange rows, columns, and spacing without jumping into complex layout theory.

Full lesson opens after enrollment

View lesson outline
Lesson 10 15 min

Responsive Basics and Mobile Thinking

Understand how pages should adapt to smaller screens so responsive design feels practical instead of abstract.

Full lesson opens after enrollment

View lesson outline
Lesson 11 17 min

Style Your First Full Web Page

Finish the track by styling one simple web page with the text, spacing, classes, and layout ideas you already know.

Full lesson opens after enrollment

View lesson outline