Introduction

A brief introduction to the tutorial and what you can expect to learn.

Lesson 1: What is CSS?

A little on why CSS came in to the world, and why it is clever to choose CSS over HTML for layout and design.

Lesson 2: How does CSS work?

Learn the basic syntax of CSS and have to create your first stylesheet.

Lesson 3: Colors and backgrounds

Learn how to apply colors and background colors to your website and how to use background images.

Lesson 4: Fonts

In this lesson you will learn about fonts and how they are applied using CSS.

Lesson 5: Text

In this lesson you will be introduced to the amazing opportunities CSS gives you to add layout to text.

Lesson 6: Links

About how you can add fancy and useful effects to links and work with pseudo-classes.

Lesson 7: Identification and grouping of elements (class and id)

A closer look at how you can use class and id to specify properties for selected elements.

Lesson 8: Grouping of elements (span and div)

A closer look at the use of span and div as exactly these two HTML elements are of central importance with regards to CSS

Lesson 9: The box model

The box model in CSS describes the boxes which are being generated for HTML-elements.

Lesson 10: The box model – margin & padding

Change the presentation of elements by setting the margin and padding properties.

Lesson 11: The box model – borders

Learn about the endless options when using borders in your pages with CSS

Lesson 12: The Box model – Height and width

In this lesson, we will take a look at how you easily can define the height and width of an element.

Lesson 13: Floating elements (floats)

An element can be floated to the right or to left by using the property float

Lesson 14: Positioning of elements

With CSS positioning, you can place an element exactly where you want it on your page.

Lesson 15: Layer on layer with z-index (Layers)

In this lesson, we will learn how to let different elements overlapping one another using layers.

Lesson 16: Web-standards and validation

This last lesson is about the W3C-standards and how to check your CSS is correct.