title: How does the browser know what to read when opening a file on the page
body: <p>Websites will call style, js, and other pages (e.g. <code>https://example.com/style/main.css</code>).</p>
  <p>However, when I go to these pages, and inspect them, I get an html page that looks like this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;
  &lt;pre style=&quot;word-wrap: break-word; white-space: pre-wrap;&quot;&gt;
  .foo{
       color: blue;
  }
  &lt;/pre&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>It appears to be an HTML file. How does the browser know what to read, and also, why is it in this format, and not just css?</p>