title: Chrome displaying Failed to load resource
body: <p>I have a simple webpage structure:</p>
  
  <pre><code>-index.html
  -css
    -style.css
  </code></pre>
  
  <p>The contents of the html are:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;test&lt;/title&gt;
    &lt;link rel="stylesheet" href="/css/style.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I open the html in Chrome I get the error:</p>
  
  <blockquote>
    <p>Failed to load resource file:///C:/css/style.css</p>
  </blockquote>
  
  <p>My directory is in Mydocuments in Windows. Why can't the .css file be found? </p>