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]](http://www.codecademy.com/webpack/64ffbb7557fac182fb5da99c2bb0d39f.svg)
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
What you'll learn
- 1Learn CSS: Selectors and Visual Rules
In this course, you will learn how to style individual and groups of elements using various visual CSS rules.
- 2Learn CSS: The Box Model
In this course, you will learn how to use the Box Model to position HTML elements on your web page.
- 3Display and Positioning
In this course, you will learn CSS rules for displaying and positioning elements on your web page.
- 4Learn CSS: Colors
In this course, you will learn all about choosing and setting CSS colors using a variety of techniques.
- 5Learn 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.
- + 1 more lesson
What you'll create
Portfolio projects that showcase your new skills
Healthy Recipes
Using CSS selectors, you’ll give a recipe website style.
Olivia Woodruff Portfolio
It's time to build fluency in CSS Fundamentals. In this next Pro Project, we're going to practice Visual Rules in CSS so you can hone your skills and feel confident taking them to the real world. Why? It's important to have a good grasp on the basic styling principles of a webpage. What's next? A coffee lover, photographer, developer. You got this!
The Box Model: Dave's Burgers
It's time to build fluency in CSS Box Model. In this next Pro Project, we're going to practice box manipulation so you can hone your skills and feel confident taking them to the real world. Why? You'll be able to hone the skill of accurately setting up your box model properties and sizing each element on your webpage. What's next? Medium rare, hold the onions, extra CSS. You got this!
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory
— Madelyn, Pinterest“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.”