title: Django: how to use CSS that's in another file?
body: <p>This is probably a stupid question. I'm new to Django and I was wondering how to use CSS when it is in a different file.</p>
  <p>Right now, my file paths looks like this:</p>
  <p><code>CSS: web/static/web/style.css</code></p>
  <p><code>HTML: web/templates/web</code></p>
  <p>My HTML file looks like this:</p>
  <pre><code>{% load static %}
  
  &lt;!--HTML--&gt;
  &lt;body&gt;
      &lt;div class=&quot;topnav&quot;&gt;
          &lt;a class=&quot;active&quot; href=&quot;/&quot;&gt;Home&lt;/a&gt;
          &lt;a href=&quot;/donate&quot;&gt;Donate&lt;/a&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>My CSS looks like this:</p>
  <pre><code>    .topnav {
      background-color: #333;
      overflow: hidden;
    }
   
    .topnav a {
      float: left;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
    }
    
    .topnav a:hover {
      background-color: #ddd;
      color: black;
    }
   
    .topnav a.active {
      background-color: #04AA6D;
      color: white;
    }
  </code></pre>
  <p>How can I get the HTML to use the CSS from a different file?</p>