title: What's the correct way to set a base REM value in CSS?
body: <p>Sorry, I'm a little unsure of this.</p>
  
  <p>I want my base to be 16px. But all the resources I read about rem use percentages, eg:</p>
  
  <pre><code>html { font-size: 62.5%; } 
  body { font-size: 1.4rem; } /* =14px */
  h1   { font-size: 2.4rem; } /* =24px */
  </code></pre>
  
  <p>If I want all my rem sizes to be relative to 16px, do I just make <code>html { font-size: 16px; }</code>?</p>
  
  <p>Why use percentages?</p>