Tutorials     Exercises       Services                                  Sign Up     Log in
HTML      CSS      JAVASCRIPT        SQL      PYTHON        JAVA       PHP      HOW TO       W3.CSS         C
 CSS Tutorial
    ❮ Home                                                                                       Next ❯
 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 {
          Tutorials
       color:       
                white; Exercises
       text-align: center;
                                          Services                                   Sign Up   Log in
 }
HTML       CSS    JAVASCRIPT         SQL      PYTHON          JAVA       PHP        HOW TO    W3.CSS       C
   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!
        Tutorials      Exercises      Services 
                                            ADVERTISEMENT                         Sign Up     Log in
HTML     CSS     JAVASCRIPT        SQL         PYTHON      JAVA       PHP   HOW TO        W3.CSS        C
 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        Exercises 
               CSS Exercises
           Tutorials                       Services                              Sign Up     Log in
HTML      CSS     JAVASCRIPT         SQL      PYTHON     JAVA       PHP     HOW TO        W3.CSS        C
 CSS Quiz
 Test your CSS skills with a quiz.
   Start CSS Quiz!
 My Learning
 Track your progress with the free "My Learning" program here at W3Schools.
 Log in to your account, and start earning points!
 This is an optional feature. You can study at W3Schools without using My Learning.
 CSS References
 At W3Schools you will find complete CSS references of all properties and selectors with syntax,
 examples, browser support, and more.