Learn CSS

This course breaks down the fundamentals of CSS into digestible, easy to understand pieces. Over the next few modules, you'll learn how the core aspects of CSS work and how to use them effectively in your projects. Use the menu pane by the "Learn CSS" logo to navigate the modules.

You'll learn CSS fundamentals like the box model, cascade and specificity, flexbox, grid and z-index. And, along with these fundamentals, you'll learn about functions, color types, gradients, logical properties and inheritance to make you a well-rounded front-end developer, ready to take on any user interface.

Each module is full of interactive demos and self-assessments for you to test your knowledge. In addition to learning through reading and demos, there is an accompanying podcast episode for each topic as another way to learn and continue expanding your knowledge.

This course is created for beginner and advanced CSS developers alike. You can go through the series from start to finish to get a general understanding of CSS from top to bottom, or you can use it as a reference for specific styling subjects. For those new to web development overall, check out Learn HTML to learn all about how to write markup and link your stylesheets.

Here's what you'll learn:

{% include 'partials/course-index.njk' %}

So, are you ready to learn CSS? Let's get started.

{% Aside %} This course is written and edited by CSS community experts: Andy Bell, Rachel Andrew, Una Kravets, Adam Argyle, Emma Twersky, Camden Bickel, and Kevin Lozandier. Rob Dodson and Jiwoong Lee shepherded the UX and production build, along with help from Ewa Gasperowicz and Kayce Basques. {% endAside %}