我在使用<link rel="stylesheet" href="styles.css">
时遇到问题
在我的网页上。它在头标签中。一旦我删除了HTML5 doctype声明,它工作正常,没有其他更改...有关为什么HTML5会阻止浏览器使用外部样式表的任何想法?
答案 0 :(得分:1)
首先,确保在HTML5文档所在的目录中确实有一个styles.css文件。其次,请尝试使用此代码:<link href="styles.css" rel="stylesheet" type="text/css">
。
答案 1 :(得分:1)
可能性与外部样式表无关,与通过style
元素嵌入HTML相反。相反,样式表的某些部分本身仅在quirks mode中“起作用”,而<!doctype html>
会阻止怪癖模式。
例如,CSS规则等符合浏览器的width: 600
声明忽略了这一声明。在怪癖模式下,浏览器会故意违反规则并将600
解释为600px
,这通常是作者的意思。
结论主要取决于页面的状态。如果它是一个旧页面,它可能有许多需要怪癖模式的怪癖;然后就是不要添加<!doctype html>
。如果它是一个新页面,或者一个页面被完全重写,摆脱怪癖:确保您的HTML,CSS和JavaScript代码符合规范。
答案 2 :(得分:0)
这个标记很好:
<link rel="stylesheet" href="styles.css">
type=text/css
不是必需的,仅供用户代理使用。
问题必须出在您的浏览器中 - 使用其他浏览器清除Cookie /缓存/测试。
(您可以查看此演示:<link>
tag, 2 examples + interpretation - 逐步删除每个属性以突出显示在浏览器中的影响(如果有)