Learn CSS

Learn how to style and visually organize HTML with CSS. This course covers version 3 of CSS.

Start[missing "en.views.course_landing_page.learn-css.course_illustration" translation]

Why Learn CSS?

Without CSS, every web page would be drab plain text and images that flowed straight down the page. With CSS, you can add color and background images and change the layout of your page — your web pages can feel like works of art!

Take-Away Skills:

You will learn many aspects of styling web pages! You'll be able to set up the correct file structure, edit text and colors, and create attractive layouts. With these skills, you'll be able to customize the appearance of your web pages to suit your every need!

Note on Prerequisites:

We recommend that you complete Learn HTML before learning CSS.

Codecademy courses have been taken by employees at

Google LogoFacebook LogoNASA LogoIBM LogoDropbox LogoQuora Logo

What you'll learn

  1. 1
    Learn CSS: Selectors and Visual Rules

    In this course, you will learn how to style individual and groups of elements using various visual CSS rules.

  2. 2
    Learn CSS: The Box Model

    In this course, you will learn how to use the Box Model to position HTML elements on your web page.

  3. 3
    Display and Positioning

    In this course, you will learn CSS rules for displaying and positioning elements on your web page.

  4. 4
    Learn CSS: Colors

    In this course, you will learn all about choosing and setting CSS colors using a variety of techniques.

  5. 5
    Learn CSS: Typography

    In this course, you will learn all about CSS typography, such as how to include fonts from other sources and how to style your text.

  6. + 1 more lesson

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo
I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.
— Madelyn, Pinterest