title: Referencing External CSS Not Working
body: <p>I'm trying to make a website to host an application that I made and I am using IntelliJ IDEA IDE to do it.
  I have two html pages and a css file:</p>
  
  <pre><code>/index.html
  /projects/somepage.html
  /css/styles.css
  </code></pre>
  
  <p>So, in both html pages, I want to reference the css file, so I have this in both html pages:</p>
  
  <pre><code>&lt;link href="/css/styles.css" rel="stylesheet" type="text/css"/&gt;
  </code></pre>
  
  <p>I thought this would work, but no, neither pages have any styling.</p>
  
  <p>If I view the source of an html page, and click to see where its trying to get the css file, it's looking at C:/css/styles.css.</p>
  
  <p>I'm kind of new to developing websites from scratch, maybe the path is wrong slightly? I can get it to work if I take styles.css out of the folder and reference it as just "styles.css" in index.html and as "../styles.css" in somepage.html but I don't want to have to use different paths for different pages.</p>
  
  <p>Is this a problem with my IDE? there is a file that IntelliJ IDEA created when I made the project called Website.iml that might be relevant. This is what is inside of it:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;module type="WEB_MODULE" version="4"&gt;
    &lt;component name="NewModuleRootManager" inherit-compiler-output="true"&gt;
      &lt;exclude-output /&gt;
      &lt;content url="file://$MODULE_DIR$" /&gt;
      &lt;orderEntry type="sourceFolder" forTests="false" /&gt;
    &lt;/component&gt;
  &lt;/module&gt;
  </code></pre>
  
  <p>Although, I don't really know how the IDE would have any effect on it at all since it just helps create the code and the file structure is exactly the same if I didn't use the IDE.</p>
  
  <p>Thanks.</p>