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.
  1. Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters

    Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters

    Tutorial Beginner

    Two months ago, I, in a video quick tip, demonstrated how to use the underscore and star hacks to target Internet Explorer 6 and 7 in your stylesheets. In...

  2. Quick Tip: Understanding CSS3 Gradients

    Quick Tip: Understanding CSS3 Gradients

    Tutorial Intermediate

    Creating an image only for the purpose of displaying a gradient is inflexible, and is quickly becoming a bad practice. Unfortunately, at the time of this...

  3. Quick Tip: How to Work with @Font-face

    Quick Tip: How to Work with @Font-face

    Tutorial Beginner

    Due to the fact that @font-face can be a bit overly complicated, it hasn't caught on quite as much as it should. Once you start reading about licensing,...

  4. How to Design and Code a Flexible Website

    How to Design and Code a Flexible Website

    Tutorial Intermediate

    In this tutorial, we're going to be designing and coding a simple blog-style web-page. We'll pay special attention to making our design flexible and...

  5. Using Compass and Sass for CSS in your Next Project

    Using Compass and Sass for CSS in your Next Project

    Tutorial Intermediate

    Sass could potentially be called CSS 2.0; it has some really nifty features that allow you to write your code in less time and with more flexibility. In...

  6. HTML 5 and CSS 3: The Techniques You'll Soon Be Using

    HTML 5 and CSS 3: The Techniques You'll Soon Be Using

    Tutorial Intermediate

    In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be...

  7. CSS Fundamentals: Containing Children

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

  8. Design and Code a Slick Website From Scratch: Part 2

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

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

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

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

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