Learn CSS
Build styled web pages and layouts using practical CSS skills
Learn CSS is a beginner-focused online course that teaches practical Cascading Style Sheets skills for styling and laying out web pages, covering selectors, the box model, display and positioning, colors, and typography. It emphasizes hands-on practice through interactive exercises and guided projects so learners can apply CSS directly to real HTML pages.
This course is designed for beginners, designers, and aspiring front-end developers who want measurable styling competencies and portfolio-ready work; learners will practice connecting HTML and CSS, creating page layouts, and refining visual presentation with typographic and color choices. Quizzes, projects, and AI-assisted feedback support focused practice and faster iteration while you learn.
At a Glance
Learn CSS is a beginner-focused course that teaches practical CSS fundamentals and interactive exercises for styling and laying out HTML pages. It is authored by Codecademy’s curriculum team led by Jiwon Shin and broadly covers selectors, visual rules, the box model, positioning, colors, and typography to help learners build styled web pages.
| Level | Beginner |
| Rating | 4.5 out of 5 |
| Duration | 5+ hours |
| Languages | English |
| Learners | 500K+ learners |
| Certificate | Certificate of completion (available with paid plan) |
| Access | Free access to core lessons; full features and certificate available with paid subscription |
| Course includes |
|
| Price | Free to start; full features and certificate require a paid subscription |
What This Course Teaches
Completion of this course yields concrete, demonstrable CSS competencies that learners can show in short projects or code exercises.
Students will be able to apply CSS rules to style HTML elements, connect HTML documents to external stylesheets, and create page layouts using the box model, display modes, and positioning techniques.
How the Course Is Structured
The course is organized as a sequence of core lessons that walk learners from basic selectors to typography, with interactive exercises and tied practice projects. The curriculum is presented as six main modules and is designed to be completed in about 5+ hours of focused study.
Curriculum overview
01Syntax and Selectors▾
Covers how to add styles to web pages and use selectors to target individual or groups of HTML elements.
- Practice project: Healthy Recipes — style a recipe site using selectors
02Visual Rules▾
Introduces visual CSS properties for styling element appearance, spacing, and group presentation.
- Practice project: Olivia Woodruff Portfolio — apply visual styling rules
03The Box Model▾
Explains the box model and how to size, pad, border, and space elements to control layout.
- Practice project: The Box Model — Davie’s Burgers — practice box manipulation and sizing
04Display and Positioning▾
Teaches display properties and positioning techniques to control element flow and placement on a page.
05Colors▾
Describes methods for selecting and applying color in CSS, including palettes and color functions.
06Typography▾
Covers font inclusion and text styling techniques to control readability and typographic hierarchy.
Audience & Requirements
Learn CSS is aimed at complete beginners and early-career learners who want practical, project-driven experience styling web pages, as well as designers and hobbyists who need to implement visual layouts for sites. It suits learners preparing for front-end work or anyone who wants to add reliable CSS skills to a portfolio through guided projects and exercises.
- Beginners learning foundational web styling for personal or professional projects.
- Aspiring front-end developers building portfolio-ready skills.
- Designers and content creators who need to implement visual styles on web pages.
- Students and hobbyists seeking hands-on practice through guided projects.
- Basic familiarity with HTML (recommended; completing an introductory HTML course is suggested).
- A text/code editor for editing CSS and HTML (Visual Studio Code recommended).
- No prior CSS experience required.
Final Verdict
Learn CSS is a solid, beginner-friendly course that delivers clear practical value as a free-to-start offering with an optional paid subscription to unlock the certificate and full features.
Its focused curriculum, project work, and AI-assisted practice make it a good choice for newcomers, designers needing applied styling skills, and anyone building a web‑development portfolio; learners seeking deep, advanced layout or production-level CSS patterns should plan to follow this course with more specialized training.
LinkedIn Learning 
Skillshare 
Pluralsight