title: Cannot link my CSS to my HTML
body: <p>I'm at the last of my wits here. I've searched through dozens of websites trying to find the answer to this issue, but I have yet to find a solution that helps me.</p>
  
  <p>Here is the top section of my HTML, linking to my CSS file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" type="text/css" href="style.css" /&gt;
          &lt;title&gt;Sample Page&lt;/title&gt;
      &lt;/head&gt;
  </code></pre>
  
  <p>For some reason, when I preview my .html file on my browsers, my CSS code is not taken into account.</p>
  
  <p>Just to clear things up a bit, I've already made sure the following are not the reasons for my issues:</p>
  
  <ul>
  <li>My CSS code worked just fine when it was in the HTML within the style
  tags. It only stopped working once I put it into its own .css file.</li>
  <li>There are no <code>&lt;style&gt;</code> tags on my .css file.</li>
  <li>The rest of my HTML is correctly formatted. I have the <code>&lt;/html&gt;</code> tag and the <code>&lt;body&gt;</code> tags.</li>
  <li>I've tested this page on Chrome and Firefox, and even on a different computer's Chrome. I've even tried running them as an Administrator.</li>
  <li>I've checked to confirm that my browsers are not set to Quirks Mode.</li>
  <li>I've tried multiple DOCTYPE headers, none have shown any signs of working.</li>
  <li>The .css name is correct, and the file location is correct. Both the index.html and the style.css are in the same folder.</li>
  <li>I've tried these lines of code in different orders, different formats, I've even tried other peoples' code and nothing works.</li>
  <li>I've checked the source code for the page on my browser, and clicking the style.css link leads straight to the file.</li>
  </ul>
  
  <p>The only lead I've gotten is that I clicked "Inspect Element" on my page in Chrome and checked the "Resources" tab, where the HTML is found under <strong>Frames>(index.html)>index.html</strong> and the CSS is found under <strong>Frames>(index.html)>Stylesheets>style.css</strong>. If I click index.html, the body is blank, but if I click style.css, the body is, strangely enough, a bit of Chinese text.</p>
  
  <p>Here is a sample of a style.css I've tried:</p>
  
  <pre><code>body
      {
      background-color: yellow;
      }
  </code></pre>
  
  <p>Even with the CSS as simple as this, it still won't work.</p>
  
  <p>Please help.</p>
  
  <p><strong>EDIT:</strong> <a href="http://i.imgur.com/SgoFkvw.png" rel="nofollow">http://i.imgur.com/SgoFkvw.png</a></p>
  
  <p><strong>Read my post, you guys. They're in the same folder. The different paths are in the "Inspect Element" mode in Chrome, not in my folders themselves.</strong></p>