Menu Sign In
HTML
CSS JAVASCRIPT SQL PYTHON JAVA
CSS Tutorial
‹ Home Next ›
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.
Start learning CSS now »
Tip: Sign in to track your progress - it's free.
Examples in Each Chapter
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.
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 700 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 [Link] templates for you to use.
You are free to modify, save, share, and use them in all your projects.
Free CSS Templates!
ADVERTISEMENT
REMOVE ADS
CSS Exercises
Many chapters in this tutorial end with an exercise where you can check your
level of knowledge.
:
?
Exercise
Drag and drop the correct property to set a green background color for
a <div> element.
div {
: green;
}
bg-color color opacity background-color
Submit Answer »
See all CSS Exercises
CSS Quiz
Test your CSS skills with a quiz.
Start CSS Quiz!
Track Your Progress
:
Create a free W3Schools account and get access to more features and learning
materials:
View your completed tutorials, exercises, and quizzes
Keep an eye on your progress and daily streaks
Set goals and create learning paths
Create your own personal website
Sign Up for Free
Note: This is an optional feature. You can study at W3Schools without creating
an account.
CSS References
At W3Schools you will 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
Kickstart your career
Get certified by completing the
CSS course
Get certified w3schoo
l
s
CE
RT
I
20
2
FI
ED
.
‹ Home Sign in to track progress Next ›
:
ADVERTISEMENT
COLOR PICKER
REMOVE ADS
ADVERTISEMENT
PLUS SPACES
:
GET CERTIFIED
FOR TEACHERS FOR BUSINESS
CONTACT US
Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
[Link] Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial
Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
[Link] Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
AngularJS Reference
jQuery Reference
Top Examples
HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
[Link] Examples
Bootstrap Examples
:
PHP Examples
Java Examples
XML Examples
jQuery Examples
Get Certified
HTML Certificate
CSS Certificate
JavaScript Certificate
Front End Certificate
SQL Certificate
Python Certificate
PHP Certificate
jQuery Certificate
Java Certificate
C++ Certificate
C# Certificate
XML Certificate
FORUM ABOUT ACADEMY
W3Schools is optimized for learning and training. Examples might be simplified to
improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we
cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms
of use, cookie and privacy policy.
Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by
[Link].
: