Fatal编程技术网
  • css/
  • HTML5不应用我的CSS

HTML5不应用我的CSS

css html

HTML5不应用我的CSS,css,html,Css,Html,这是我的HTML <!doctype html> <html lang="en" id="home"> <head> <meta charset="utf-8"> <title>Me</title> <link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" href="css/s

这是我的HTML

<!doctype html>

<html lang="en" id="home">
<head>
    <meta charset="utf-8">
    <title>Me</title>       
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/style.css" />  
</head>
<body style>  
    <div class="centered">
        <img alt="Me" id="Me" src="cache/me.jpg" /> 
    </div>
</body>
</html>
如果我将style.css文件的内容放入HTML中的一个样式标记中，它将很好地应用样式表。如果我删除
，那么它会使页面看起来很好。我已经使用W3C验证程序验证了HTML，它通过得很好

编辑： 我已将所有文件从网站复制到本地驱动器，并在Chrome中打开index.html。它的渲染效果很好，但仍然没有解释为什么删除
也会修复它

编辑： 使用firefox的开发工具时，出现错误：此URL中的资源不是文本：。这一定是web服务器配置问题，因为根据这一点，“W3C规范提到CSS文件应使用“文本/CSS”MIME类型提供”，“在“严格模式”中，CSS文件将严格遵循规范，并期望使用正确的MIME类型提供CSS文件”

编辑： 运行fiddler调试HTTP连接。CSS文件将作为“应用程序/八位字节流”发送。这是HTTP标头：

HTTP/1.1 200 OK
Content-Type: application/octet-stream
ETag: "3420655293"
Last-Modified: Fri, 04 Oct 2013 13:26:57 GMT
Content-Length: 765
Date: Fri, 04 Oct 2013 13:54:49 GMT
Server: lighttpd/1.4.33
编辑：
我发现了问题所在。web服务器配置错误；CSS的mime类型没有声明，它默认为text/plain而不是text/CSS

您的相对路径可能是错误的。如果您使用的是Chrome或Safari，请右键单击页面上的任意位置，然后选择检查。在源代码中找到加载CSS文件的行，然后单击它以查看CSS文件是否正确加载

或者，选择开发者工具中的网络选项卡并刷新页面。查找任何类型为
text/css
且返回404状态码的HTTP请求。

…那么您的样式表文件路径错误。请尝试检查您的CSW的相对路径，哪些路径不起作用？是否有一些CSS项目未应用或全部应用？如果样式表中有它，我喜欢在firefox中做的一件事是查看页面的源代码，然后单击指向样式表的链接。如果它在那里，你会看到的。我检查的第一件事是路径，它就在那里。我已经在Chrome中使用开发者工具检查了HTML，样式表列在资源选项卡中。在Chrome中尝试了它，它就在那里。这是开发人员工具中列出的资源之一。对不起，我不想说明明显的问题，但是您是否单击源链接查看是否加载了CSS？我已经尝试过了。我不介意你们中的任何人说出显而易见的事实，因为我认为我所做的事情肯定有一些非常微小的错误。 
HTTP/1.1 200 OK
Content-Type: application/octet-stream
ETag: "3420655293"
Last-Modified: Fri, 04 Oct 2013 13:26:57 GMT
Content-Length: 765
Date: Fri, 04 Oct 2013 13:54:49 GMT
Server: lighttpd/1.4.33