title: What is the difference between html, body and * when setting global CSS Properties
body: <p>I can set global CSS properties in one of the following blocks: </p>
  
  <pre><code>* {
  
  }
  
  html {
  
  }
  
  body {
  
  }
  </code></pre>
  
  <p>What is the difference between them? How does each setting affect the page style?</p>
  
  <p>When I set <code>font-family</code> or <code>color</code>, where do I have to place it?</p>