Learn CSS

Style your website and make it stand out with our CSS tutorials. From basic layouts to advanced effects and animations, we'll help you level up your design skills.

All CSS content:

  1. Design and Code a Slick Website From Scratch: Part 1

    Design and Code a Slick Website From Scratch: Part 1

    Tutorial Beginner

    With the Internet becoming more and more popular every minute, a great-looking website is somewhat of a must-have. You could obviously pay a web designer to...

  2. Design a Beautiful Website From Scratch

    Design a Beautiful Website From Scratch

    Tutorial Intermediate

    Have you ever wanted to design a beautiful website but just didn't know how? To be honest, a few years ago, that happened to me too. While browsing the...

  3. How to Add Variables to Your CSS Files

    How to Add Variables to Your CSS Files

    Tutorial Intermediate

    Let's try something different on nettuts+ today. Any designer who has worked with large CSS files will agree that its major weakness is its inability to use...

  4. Exactly How to Use CSS Sprites

    Exactly How to Use CSS Sprites

    Tutorial Beginner

    Today, Andres will be teaching us how to use CSS sprites to improve load times and decrease the number of HTTP requests that are made. As always, feel free...

  5. A Detailed Look at the 960 CSS Framework

    A Detailed Look at the 960 CSS Framework

    Tutorial Beginner

    CSS frameworks are bloated. CSS frameworks are for people who don't know how to code. CSS is too simple to implement a framework. If you've ever read...

  6. A Closer Look At the Blueprint CSS Framework

    A Closer Look At the Blueprint CSS Framework

    Tutorial Beginner

    Blueprint is a CSS framework that can save you time and headaches when working on any project that involves HTML and CSS, whether it be with Rails, PHP, or...

  7. Prototyping With The Grid 960 CSS Framework

    Prototyping With The Grid 960 CSS Framework

    Tutorial Intermediate

    Grid 960 is a CSS Framework that enables developers to rapidly prototype designs. They are excellent tools for creating mock ups. Why? Because they do all...

  8. Quick Tip: Create Your Own Simple Reset.css File

    Quick Tip: Create Your Own Simple Reset.css File

    Tutorial Beginner

    Far too many novice CSS designers don't realize the importance of creating a "reset.css" file. When you have an environment where each browser has its own...

  9. Build a Newspaper Theme With WP_Query and the 960 CSS Framework

    Build a Newspaper Theme With WP_Query and the 960 CSS Framework

    Tutorial Beginner

    WP_Query is a powerful tool to control what comes out of your loop. Today I'm going to teach you all how to use it to make a 3 columned newspaper theme...

  10. Which CSS Grid Framework Should You Use for Web Design?

    Which CSS Grid Framework Should You Use for Web Design?

    Tutorial Beginner

    Ever wondered how all those slick "magazine" themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid...