为什么有些网页不支持外链式CSS？

什么是外链式CSS？

外链式CSS是指将CSS样式代码单独保存在一个.css文件中，并在网页中使用<link>标签链接到该文件。

哪些网页不支持外链式CSS？

某些网页设置了X-Content-Type-Options头为nosniff，这意味着浏览器不会尝试解析任何 Content-Type 声明，而是根据文件内容来解析 MIME 类型。在这种情况下，使用外链式的CSS文件将无法正常解析。

为什么设置X-Content-Type-Options头为nosniff？

nosniff头的设置可以确定浏览器解析资源类型的方式，避免了在浏览器端绕过服务器的资源类型验证，防止内容欺诈攻击。例如，一个恶意的攻击者可能会更改服务器上的文件扩展名和内容，并最终利用它进行攻击。

如何解决外链式CSS无法被解析的问题？

可以将CSS样式代码直接嵌入网页的<style>标签中或者在网页头部使用<style>标签内联编写CSS样式代码。这样可以避免使用外链式CSS文件，使样式可以正确解析。

那如何使用外链式CSS却不影响浏览？

可以通过修改服务端配置，在允许外链式CSS文件时添加MIME类型，使浏览器能正确解析该文件。

总结

即使CSS外链文件无法被解析，但是在网页中使用CSS几乎是不可或缺的。因此，开发者应该对服务器设置，素材优化做更好的考虑。理解浏览器资源解析方式以及防止内容欺诈的能力，有助于更好地保护网站，让我们的网页在各种平台下正常浏览。