创建一个包含 html5 文档类型的 html5 网页不会加载 css。但是当我删除 doctype 时,它确实加载了 css。该页面包含标准的 html5 文档类型。
<!DOCTYPE html>
我的样式表链接正确
<link href="css/styles.css" rel="stylesheet" type="text/css">
而且我的样式表不包含任何错误
我在 Brackets 中创建网页,并且在使用实时预览时 css 确实加载了 doctype,但在通过网络服务器手动加载页面时却没有。
使用 Doctype 不会阻止浏览器加载 CSS。
但是,它将切换浏览器以使用 Standards Mode其中它将停止模拟旧浏览器中的错误,并尝试更严格地遵循规范。
这经常会导致 CSS 中包含错误的部分(例如缺少单位的长度)被忽略(根据规范的要求)。
您可能需要修复您的 CSS。 validator将帮助您识别它的故障。
另一种可能性是服务器声称 CSS 是其他东西。检查您的开发人员工具中的 Net 选项卡,并确保发送的 CSS 带有 Content-Type: text/css
header 。如果服务器声称它是纯文本或 HTML,它可能会被忽略。
更新:
That console says Resource interpreted as Stylesheet but transferred with MIME type text/html:
您需要修复服务器,以便它为样式表提供正确的内容类型。它应该是 text/css
而不是 text/html
。