Learn CSS
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.
Examples in Each Chapter
This CSS tutorial contains over 700 CSS examples.
With the 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;
}
Run the code to see how it works.
CSS Examples
Learn from over 700 examples! With the 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
You are free to modify, save, share, and use them in all your projects.
Free CSS Templates!
CSS Exercises
Many chapters in this tutorial end with an exercise where you can check your level of knowledge.
CSS Quiz
Test your CSS skills with a quiz.
CSS References
You can find complete CSS references of all properties and selectors with syntax, examples, browser support, and more.
- CSS Properties
- CSS Browser Support
- CSS Selectors
- CSS Combinators
- CSS Pseudo-classes
- CSS Pseudo-elements
- CSS At-rules
- CSS Functions
- CSS Animatable
- CSS Web Safe Fonts
- CSS Units
- Px to Em Conversion
- CSS Colors
- CSS Default Values
- CSS Entities
- CSS Aural