CSS Basics

Comment

    

/* Single or multi-line comment */


    
    

/*
  multi-line
  comment
*/

link element

    

<link rel="stylesheet" href="main.css">

inline styles

    

<p style="color: red;">...</p>
<p style="color: red; background-color: blue;">...</p>

Style element

    

<style>
  p {
    color: red;
  }
</style>

div element

    

<div class="class-name">
  <h2>Subheading</h2>
  <p>Hello world</p>
</div>

span element

    

<span class="class-name">hello world</span>