Learn CSS

In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.

4.49 out of 5 stars
890,677 learners enrolled
  • Skill level

  • Time to complete

    Approx. 10 hours
  • Certificate of completion

    Included with paid plans
  • Prerequisites

    1 course

About this course

You’ll find learning CSS essential in styling websites. Web developers use it to build on basic HTML and add personality to plain text pages. This course helps you expand your coding foundation and gives you CSS interactive practice to start adding colors and background images or editing layouts so you can create your very own, unique stylized web pages.

Skills you'll gain

  • Add styling to HTML elements

  • Connect HTML and CSS files

  • Create unique web page layouts


8 lessons • 6 projects • 6 quizzes
The platform

4 out of 5 Codecademy learners achieve their goals

"Codecademy gave me the tools I needed to land my first job as a developer, completely changing my career from the waste industry." - Jonathan Manner, Sweden
Animated demonstration of running code in Codecademy's learning environment
Meet the creator of the course
Jiwon Shin
Senior Curriculum Developer at Codecademy
Jiwon is a Senior Curriculum Developer at Codecademy. She has created courses across the web development catalog on languages such as JavaScript, PHP, and CSS, frameworks like React and Node.js, and the Front-End Engineer Career Path. She also created courses on p5.js, build tools, and Intro to UI and UX Design.

Learn CSS course ratings and reviews

4.49 out of 5 stars
8,501 ratings
  1. 5 stars
  2. 4 stars
  3. 3 stars
  4. 2 stars
  5. 1 star
  • This course was very well presented, neatly broken down, and extremely helpful. I loved how organized it was, how it broke everything down step by step, and how user-friendly it is. It's very easy to follow, even for beginners, and it serves as a great home teacher for first-timers.
    Janery P.
    Verified Learner
  • I've had a wonderful time learning CSS with Codecademy. The encouraging tone and easy-to-follow tutorials have really helped me grasp best practices and concepts I'd struggled with before. The solutions are always there to help you too, if you get really stuck. The daily target is especially good at keeping you motivated. Code is like piano practice; you need to do a little each and every day.
    Verified Learner
  • One thing I particularly appreciated about the course was the hands-on exercises, which allowed me to apply what I had learned in real-world scenarios. The course also provided helpful resources and tools for me to continue practicing and improving my CSS skills even after the course had ended.
    Bobvalla L.
    Verified Learner

Our learners work at

  • Google Logo
  • Meta Logo
  • Apple Logo
  • EA Logo
  • Amazon Logo
  • IBM Logo
  • Microsoft Logo
  • Reddit Logo
  • Spotify Logo
  • Uber Logo
  • YouTube Logo
  • Instagram Logo

Unlock additional features with a paid plan

  • Practice Projects

    Guided projects that help you solidify the skills and concepts you're learning.
  • Assessments

    Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.
  • Certificate of Completion

    Earn a document to prove you've completed a course or path that you can share with your network.

Join over 50 million learners and start Learn CSS today!


Frequently asked questions about CSS

  • Cascading Style Sheets.