title: Slash (/) vs tilde slash (~/) in style sheet path
body: <p>ASP.NET offers two ways to specify paths for style sheets:</p>
  
  <pre><code>&lt;link href="/common/black_theme/css/style.css" rel="stylesheet"&gt;   (this is working)
  &lt;link href="~/common/black_theme/css/style.css" rel="stylesheet"&gt;  (this is not working)
  </code></pre>
  
  <ul>
  <li>How are these paths resolved?</li>
  <li>Why are the generated paths different?</li>
  <li>Which one should I pick in which case?</li>
  </ul>
  
  <p>As per my knowledge, <code>~</code> represents the root directory of the application.
  "common" is the folder below the website root (named <code>testsite.demo</code>) in IIS.</p>
  
  <p>Physical path: <code>D:\Physicalpath\WarpFirstSite\testsite.demo</code><br>
  "common" folder: <code>D:\Physicalpath\WarpFirstSite\testsite.demo\common</code></p>