Loading lesson path
Concept visual
Start at both ends
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 » 🏁
This CSS tutorial contains over 700 CSS examples. With our online editor, you can edit the CSS, and click on a button to view the result.
{
background-color: lightblue;
}h1
{
color: white;
text-align: center;
}p
{
font-family: verdana;
font-size: 20px;
}
Click on the "Try it Yourself" button to see how it works.Learn from over 700 examples! With our editor, you can edit the CSS, and click on a button to view the result.
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 ☰.
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!
Many chapters in this tutorial end with an exercise where you can check your level of knowledge.
Test your CSS skills with a quiz. Start CSS Quiz!
This is an optional feature. You can study at W3Schools without creating an account.
At W3Schools you will find complete CSS references of all properties and selectors with syntax, examples, browser support, and more.