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