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 tutorials:

Filters

CSS

CSS Fundamentals: Containing Children

Tutorial • Intermediate

I've received multiple requests for simpler CSS tutorials that teach the tricky fundamentals. This will serve as the first entry in a series that will...

Jeffrey Way • 3 Jul 2009
HTML

Design and Code a Slick Website From Scratch: Part 2

Tutorial • Intermediate

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...

James Whitchurch • 29 May 2009
HTML

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...

James Whitchurch • 28 May 2009
HTML

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...

Marko Prljic • 29 Apr 2009
CSS

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...

Jay Salvat • 19 Mar 2009
CSS

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...

Andres Fernandez • 10 Feb 2009
HTML

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...

Jeffrey Way • 14 Jan 2009
CSS

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...

Jesse Storimer • 22 Dec 2008
HTML

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...

Adam Hawkins • 1 Dec 2008
CSS

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...

Jeffrey Way • 8 Aug 2008
CSS

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...

Harley Alexander • 6 Aug 2008
CSS

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...

Raj Dash • 21 May 2008