网站会调用style、js和其他页面(例如https://example.com/style/main.css(。
然而，当我转到这些页面并检查它们时，我会得到一个html页面，它看起来像这样：
<html>
<head></head>
<body>
<pre style="word-wrap: break-word; white-space: pre-wrap;">
.foo{
color: blue;
}
</pre>
</body>
</html>
它看起来是一个HTML文件。浏览器如何知道要读什么，以及为什么它是这种格式，而不仅仅是css？
当链接到外部文件(如CSS或JS(时，浏览器会按照文件在HTML页面中列出的顺序加载并解释这些文件。
至于为什么CSS文件在浏览器加载时显示为HTML，这是因为web浏览器是如何编程工作的。浏览器并不意味着显示原始的CSS或JS文件(浏览器意味着将文件加载到内存中并执行基于代码的操作(，因此大多数浏览器都会使用<pre>来格式化内容，将CSS或JS的内容加载为HTML页面的主体。