title: What is the difference between starting a block of code in CSS by . [dot] and by # [hash]?
body: <p>Please answer the following questions for the two CSS example codes given in the end.</p>
  
  <ol>
  <li>What is the difference between the two codes? One is starting with dot and one with hash.</li>
  <li>How can I call these styles into HTML? Should I use
  <code>class="searchwrapper"</code>  or should I use <code>id="searchwrapper"</code> ? And why, what is the difference?</li>
  </ol>
  
  <p>Example 1: Starting with #[hash]</p>
  
  <pre><code>#searchwrapper {
      /*some text goes here*/
  }
  </code></pre>
  
  <p>Example 2: Starting with .[dot]</p>
  
  <pre><code>.searchbox {
      /*some text goes here*/
  }
  </code></pre>