CSS Tutorial

 CSS is the language we use to style an HTML document.

CSS describes how HTML elements should be displayed.

This tutorial will teach you CSS from basic to advanced.

Start learning CSS now »

---

Examples in Each Chapter

This CSS tutorial contains hundreds of CSS examples.

With our online editor, you can edit the CSS, and click on a button to view the result.

CSS Example

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

Try it Yourself »

Click on the "Try it Yourself" button to see how it works.

---

CSS Examples

Learn from over 300 examples! With our editor, you can edit the CSS, and click on a button to view the result.

Go to CSS Examples!

---

Use the Menu

We recommend reading this tutorial, in the sequence listed in the menu.

If you have a large screen, the menu will always be present on the left.

If you have a small screen, open the menu by clicking the top menu sign ☰.

---

CSS Templates

We have created some responsive W3.CSS templates for you to use.

You are free to modify, save, share, and use them in all your projects.

Free CSS Templates!

---

---

CSS Exercises

Test Yourself With Exercises

Exercise:

Set the color of all <p> elements to red.

<style>
 {
   red;
}
</style>

Start the Exercise

---

CSS Quiz

Test your CSS skills with a quiz.

CSS Quiz!

---

CSS References

At W3Schools you will find complete CSS references of all properties and selectors with syntax, examples, browser support, and more.

CSS Properties Reference

CSS Selectors Reference

CSS Functions Reference

CSS Animatable Reference

CSS Aural Reference

CSS Units

CSS Color Reference

CSS Default Values

CSS Browser Support