Learn CSS

CSS (Cascading Style Sheets) is a language for describing the appearance of web pages. To create good-looking web pages, you need to learn CSS in order to define the appearance and location of the HTML elements within the pages.

The links on this page lead to a variety of CSS tutorials and CSS training materials. Whether you are just starting out, learning the basics of CSS, or are an experienced web developer wanting to learn CSS3 (the newest version of the standard) and CSS best practices, you can find helpful resources here.

Introductory Level

  • CSS Getting Started

    MDN

    This tutorial introduces you to Cascading Style Sheets (CSS). It guides you through the basic features of CSS with practical examples that you can try for yourself on your own computer.

  • CSS Basics

    Dev.Opera

    What CSS is, how to apply it to HTML, and what basic CSS syntax looks like.

  • CSS Selector Classes

    Wikiversity

    What are classes in CSS?

  • External CSS

    Wikiversity

    Using CSS from an external style sheet.

  • Adding a Touch of Style

    W3C

    A brief beginner's guide to styling web pages with CSS.

  • CSS From the Ground Up

    Google Code University

    Video tutorial on styling pages with CSS.

  • Common CSS Questions

    MDN

    Common questions and answers for beginners.

Intermediate Level

  • CSS Reference

    MDN

    Complete reference to CSS, with details on support by Firefox and other browsers.

  • CSS Challenges

    Wikiversity

    Flex your CSS skills, and see where you need more practice.

  • Intermediate CSS Concepts

    HTML.net

    Grouping, pseudo-classes, and more.

  • CSS Positioning 101

    A List Apart

    Using positioning for standards-compliant, table-free layout.

  • Progressive Enhancement with CSS

    A List Apart

    Integrate progressive enhancement into your web pages with CSS.

  • Fluid Grids

    A List Apart

    Design layouts that fluidly resize with the browser window, while still using a typographic grid.

Advanced Level

  • CSS3 in Under 5 Minutes (CSS3)

    Addy Osmani

    A quick introduction to some of the core features introduced in CSS3.

  • Using CSS Transforms (CSS3)

    MDN

    Apply rotation, skewing, scaling, and translation using CSS.

  • CSS Transitions (CSS3)

    MDN

    CSS transitions, part of the draft CSS3 specification, provide a way to animate changes to CSS properties, instead of having the changes take effect instantly.

Are you tired of learning CSS on your own?
Do you want to join a community of people who are learning CSS and other open web technologies?

Consider signing up for free online peer study groups through Peer-to-Peer University's School of Webcraft. Share your discoveries, struggles, and victories with others who are learning the same things.

These resources are created by forward-thinking companies and web developers who have embraced open standards and best practices for web development. If you think we've omitted a great resource, please tell us about it. We want to share these resources with our international community, so we prefer ones that provide or allow translations, through an open content license such as Creative Commons.

This site discusses CSS3, latest, still-evolving version of CSS. Many CSS3 features are supported in various ways by modern browsers, but many users still have older browsers and so can't take advantage.