Learn to Code CSS

Want to build a website that is both attractive and user-friendly? This set of tutorials will teach you CSS, the programming language of form.

Learning CSS can seem like a daunting task, but it doesn’t have to be. Write your first lines of code with this tutorial and watch your website come alive!

You’ve got the basics down and you know a few tricks in CSS. Now it’s time to learn how to apply CSS to specific elements, using class and ID selectors.

Believe it or not, there are three different ways to apply CSS to the same web page. Learn about each one and what makes it unique in this tutorial.

Are you excited to spruce up your website with CSS? Get the lowdown on what’s new in CSS3, the latest version of CSS.

Working with text in HTML/CSS is not as simple as using a traditional word processor. Fortunately, Learn to Program's tutorial makes the transition easy.

When organizing your website, chances are you’ll want to know how to use tables and lists. This lesson guides you through the basics of borders, styling, etc.

Styling your background may seem like a menial task, but it doesn't have to be. This tutorial goes above and beyond to demonstrate your choices.

A useful veteran’s trick, the sliding doors technique can be used in many situations where you need an element that is both flexible and aesthetically pleasing.

Expand your arsenal of tricks with the sprite sheet—a composite of related images that utilizes margins to allow for editing of each particular image.

Drop-down menus are important elements to many of the websites you visit every day. Learn how to make your own drop-down menu with this tutorial.

The box model is essential to understanding your web page elements at a technical level. This tutorial walks you through each component and its importance.

Once you’ve mastered the box model, it is time to get down to customizing each individual part. This tutorial explores the content area.

Once you’ve mastered the CSS box model, it is time to get down to customizing each individual part. This tutorial explores borders and outlines.

Once you’ve mastered the box model, it is time to get down to customizing each individual part. This tutorial explores margins and padding.

Transforms allow you to manipulate elements in two or three dimensions. Learn to translate, scale, skew, and rotate images in 2D using new CSS3 features.

Transforms allow you to manipulate elements in three dimensions. Dive into one of the most groundbreaking features of CSS3 in this two-part lesson.

Transitions allow you to make dynamic elements that move smoothly between states. Explore this new CSS3 feature with Learn to Program’s in-depth tutorial.

With the advent of CSS3, you don’t need to learn JavaScript to create animations for your web page. This lesson shows you how it’s done using CSS attributes.

The CSS display property is a simple, useful tool for maximizing flexibility and responsiveness between web page elements. Discover its values in this tutorial.

Once you have mastered the display property, add another layer of CSS wizardry using this lesson, which teaches you how to use positioning.

When all else fails, web page elements can be floated using CSS—that is, removed from the normal flow of content. Learn when to use CSS float and how it works.

Want to make your website mobile-friendly? This lesson shows you how to download and run an Android or iPhone mobile device emulator for testing your CSS.

With respect to the rise of sophisticated web browsing on mobile devices, this tutorial covers what you need to know when styling CSS for smaller screens.