I’ve written many tutorials on CSS. As I want to make them easy to learn from, I’ve complied a list of which posts to check out in what order if you want to learn CSS. If you want to know more about Code The Web, check out the welcome post.

Prerequisites

These are optional but recommended. In tutorials, I might build on what’s covered here. I’d also recommed the set-up tutorial so you are writing and running your code in the same way as I am. Or, you can just skip to the tutorials.

How to learn a programming language

How to learn web development

Background knowledge

How the internet works

Set-up

Practice web development on your computer

Tutorials

I make a new tutorial at least once a week. Over time, this list will grow. Once you have finished learning CSS, you can move on to JavaScript.

  1. CSS syntax
  2. Basic CSS properties
  3. CSS sizing and positioning
  4. Advanced CSS positioning using the position property
  5. CSS display types
  6. Advanced background image manipulation using CSS
  7. CSS units — there are more than you think... 🤔
  8. The comprehensive guide to CSS flexboxes
  9. How to create a full-page hero image (HTML & CSS)
  10. Styling a navigation bar using CSS
  11. CSS text properties, and how to use Google Fonts on your website

Other resources you may find useful

These are just other articles I have written about stuff that isn’t programming, but will help you along your web development journey.