CSS

Make it beautiful.

Style the web with selectors, the box model, Flexbox, Grid, responsive design, and smooth animations.

Start course0 of 9 lessons complete

Chapter 1

CSS Fundamentals

0/4

01Beginner

What is CSS?

Learn how CSS gives your HTML pages color, fonts, spacing, and layout — and the three ways to connect CSS to your HTML.

02Beginner

CSS Selectors

Learn how to aim CSS styles at exactly the right elements on a page using element, class, id, grouping, descendant, pseudo-class, and attribute selectors.

03Beginner

Colors & Units

Master every way CSS lets you describe color — from simple names to powerful HSL — and learn which unit (px, em, rem, %, vw/vh) to reach for in any situation.

04Intermediate

The Cascade & Specificity

Discover why some CSS rules win over others — and build a reliable mental model for debugging 'why isn't my style applying?'

Chapter 2

Layout

0/3

05Beginner

The Box Model

Every element on the page is a box — and understanding its four layers (content, padding, border, margin) is the key to controlling layout with confidence.

06Intermediate

Flexbox

Flexbox is CSS's one-dimensional layout superpower — once you understand its two axes and a handful of properties, you'll be arranging, spacing, and centering elements effortlessly.

07Intermediate

CSS Grid

CSS Grid gives you true two-dimensional control over layouts — place things in rows AND columns at the same time, no more nesting hacks required.

Chapter 3

Responsive & Motion

0/2

08Intermediate

Responsive Design

Learn how to build pages that look great on every screen size, from tiny phones to wide desktops, using mobile-first thinking, media queries, and fluid units.

09Intermediate

Transitions & Animations

Give your interfaces a pulse: learn how CSS transitions and keyframe animations add smooth, meaningful motion that guides attention without getting in the way.