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.
Styling layer
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.
Available now
Explore the lessons currently available in this track.
Connecting CSS to HTML
Learn how a CSS file connects to an HTML page so styling feels attached, intentional, and easier to manage.
Selectors and Simple Rules
Learn how CSS selects page parts and applies simple rules without making the styling process feel mysterious.
Colors, Fonts, and Text Styling
Use beginner-friendly CSS to change colors, font choices, and readable text presentation.
Backgrounds and Borders
Learn how backgrounds and borders help separate page areas and make layouts easier to understand visually.
Margin, Padding, and Spacing
Learn the difference between margin and padding so spacing stops feeling random and starts feeling controllable.
Classes and Reusable Styles
Use CSS classes to repeat styling on purpose instead of rewriting the same visual rule over and over.
Width, Height, and Display Basics
Learn how size and display settings affect the way boxes and sections behave on a page.
Layout Basics with Flexbox
Use Flexbox in a calm, beginner-safe way to arrange rows, columns, and spacing without jumping into complex layout theory.
Responsive Basics and Mobile Thinking
Understand how pages should adapt to smaller screens so responsive design feels practical instead of abstract.
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.
Track roadmap
Explore the 11-lesson roadmap for this track.
This roadmap shows the order students follow through the track, while saved progress, 22 Practice Labs, 52 assignments, and certificate milestones stay inside the student app.
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.
Connecting CSS to HTML
Learn how a CSS file connects to an HTML page so styling feels attached, intentional, and easier to manage.
Selectors and Simple Rules
Learn how CSS selects page parts and applies simple rules without making the styling process feel mysterious.
Colors, Fonts, and Text Styling
Use beginner-friendly CSS to change colors, font choices, and readable text presentation.
Backgrounds and Borders
Learn how backgrounds and borders help separate page areas and make layouts easier to understand visually.
Margin, Padding, and Spacing
Learn the difference between margin and padding so spacing stops feeling random and starts feeling controllable.
Classes and Reusable Styles
Use CSS classes to repeat styling on purpose instead of rewriting the same visual rule over and over.
Width, Height, and Display Basics
Learn how size and display settings affect the way boxes and sections behave on a page.
Layout Basics with Flexbox
Use Flexbox in a calm, beginner-safe way to arrange rows, columns, and spacing without jumping into complex layout theory.
Responsive Basics and Mobile Thinking
Understand how pages should adapt to smaller screens so responsive design feels practical instead of abstract.
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.
Other tracks
Follow the Academy progression without losing the bigger map.
Coding Foundations
Build a reliable beginner base with coding vocabulary, website basics, and how developers organize their work.
Open trackHTML Foundations
This track teaches brand-new students how HTML labels content, structures a page, and turns plain words into a real web document.
Open trackJavaScript Foundations
This track introduces JavaScript in small, readable steps so students can learn how web pages become interactive without jumping into advanced programming too early.
Open trackPython Starter Lab
Start writing and checking tiny Python ideas with structured exercises, clear hints, and no unsafe code execution.
Open track