Skip to content

CSS Reference

Summary

NOTE: To start tracking your progress, you need to sign up or sign in and click the TAKE COURSE button above.

Below you will find a collection of tutorials on the basics of CSS, the stylesheet language.

Before You Start

These tutorials assume you have a basic understanding of HTML.

Exercises

You can download exercises to go along with these tutorials on our CSS exercises repository on GitHub. Just click the green Code button in the corner and click the Download ZIP option.

CSS Introduction

Lessons

Why should I use CSS? Creating a CSS file Linking a CSS file to an HTML file

CSS Syntax

Lessons

Comments – CSS Basic syntax – CSS Common syntax problems – CSS

CSS Values

Lessons

Color values – CSS Length units – CSS

CSS Properties

Lessons

Text color – CSS Background color – CSS Font properties – CSS Border properties – CSS Margins – CSS Padding – CSS Text alignment – CSS Text transform – CSS Letter spacing – CSS Word spacing – CSS Text shadow – CSS Box shadow – CSS

CSS Selectors

Lessons

Type selector – CSS Class selector – CSS ID selector – CSS Selector list – CSS Select a child – CSS Select a descendant – CSS Pseudo-classes – CSS

CSS HTML Elements

Lessons

div element – HTML span element – HTML

Writing CSS

Lessons

Internal stylesheet – CSS Inline styles – CSS

CSS Concepts

Lessons

Specificity – CSS The cascade – CSS Inheritance – CSS !important – CSS

Intermediate CSS

Lessons

Custom properties/CSS variables – CSS Create a breakpoint – CSS Flexbox – CSS CSS Grid – CSS

CSS Building Projects

Lessons

Project structure – HTML and CSS CSS Project

Next Steps

After taking this course, you can take our Website Testing course.