CSS Basics
Learn modern CSS from the ground up. Build a sleek, dark-themed landing page chapter by chapter, starting with a single styled card and growing into a fully responsive multi-section page.
Start learning
Build real skills one lesson at a time
Explore the complete curriculum below, then start with the lesson that is right for you.
About this course
CSS is how the web gets its look. It controls the colors, spacing, and layout that turn plain, unstyled HTML into a real design.
In this course you'll build a sleek, dark-themed landing page chapter by chapter, starting from a single styled card and growing into a fully responsive, multi-section page.
What you'll learn
- Styling text with colors, fonts, and typography
- The box model: padding, borders, and margins
- Laying pages out with Flexbox and CSS Grid
- Positioning elements and handling hover and focus states
- Making designs responsive so they look right on any screen
Prerequisites
- Comfortable writing basic HTML
- No CSS experience required
New to HTML? Start with HTML Basics (opens in a new tab). Ready to add behavior next? Continue with JavaScript Basics (opens in a new tab).
Course instructor
Brad Traversy
Founder of Traversy Media and an educator known for practical, project-focused web development courses.
Course content
Keep learning
More programming courses
Intermediate course
React Fundamentals
Build real React apps from scratch. Learn components, JSX, props, state and events, forms, effects and data fetching, context, custom hooks, and routing, then put it all together in a Pokedex project. Assumes you have finished JavaScript Basics and Intermediate JavaScript.
View courseIntermediate course
Tailwind CSS Basics
A project-based Tailwind CSS course covering Hello Tailwind, typography, color, borders & spacing, and flexbox layouts.
View courseAdvanced course
Next.js Fundamentals
Ship production-ready React with Next.js. Learn the App Router, file-based routing and layouts, server vs client components, data fetching, route handlers, and server actions, building a small project in every chapter. Assumes you have finished React Fundamentals.
View course

