css样式表未加载，响应主体是试图链接它的html 总的来说，我的问题是我不能链接我的外部css样式表。我有两个内容相同的外部样式表：land.css和test.css land.css链接正常，但test.css返回试图在响应体中链接它的html文件（land.html.php）以下是服务器响应的详细信息：_Php_Html_Css_Apache_Firefox

css样式表未加载，响应主体是试图链接它的html 总的来说，我的问题是我不能链接我的外部css样式表。我有两个内容相同的外部样式表：land.css和test.css land.css链接正常，但test.css返回试图在响应体中链接它的html文件（land.html.php）以下是服务器响应的详细信息：

php html css apache firefox

css样式表未加载，响应主体是试图链接它的html 总的来说，我的问题是我不能链接我的外部css样式表。我有两个内容相同的外部样式表：land.css和test.css land.css链接正常，但test.css返回试图在响应体中链接它的html文件（land.html.php）以下是服务器响应的详细信息：,php,html,css,apache,firefox,Php,Html,Css,Apache,Firefox,当我链接test.css时，外部样式表没有正确返回，test.css的响应主体是land.html.php: 当我链接land.css时，外部样式表加载得很好，land.css的响应主体是land.css（应该是）：我查看了mime配置，以确保所有.css文件都将作为内容类型text/css使用。我已完成以下故障排除。。我确认/etc/mime.types包含行text/css 我确认/etc/apache2/mods available/mime.conf包含TypesConfig/e

当我链接test.css时，外部样式表没有正确返回，test.css的响应主体是land.html.php:

当我链接land.css时，外部样式表加载得很好，land.css的响应主体是land.css（应该是）：

我查看了mime配置，以确保所有.css文件都将作为内容类型text/css使用。我已完成以下故障排除。。

我确认/etc/mime.types包含行

text/css

我确认/etc/apache2/mods available/mime.conf包含

TypesConfig/etc/mime.types

，以及/etc/apache2/mods enabled/symlinks mime.conf

我将

AddType text/css.css

添加到/etc/apache2/mods available/mime.conf、/etc/apache2/apache2.conf和我的

中，但这些似乎都不起作用

我重新启动了apache2服务。。。不走运

我启用了mod_headers模块，并将以下内容添加到我的apache.conf文件中，但仍然没有成功：


标题集内容类型“文本/css”

以下是代码的详细信息：所有这些文件都位于同一目录中，apache为它们提供返回状态200
-land.html.php（第1行）：

-head.html.php:：

<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width = device-width, initial-scale = 1">

  <title>Welcome</title>

  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJ$
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
  <link rel="stylesheet" type="text/css" href="test.css" />

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

  <div class="page-header"></div>

</head>

欢迎来到SO。是否

还检查您是否确实在尝试调试客户端缓存结果。请您在浏览器开发工具中检查test.css请求的实际响应体是什么样子的？顺便说一句，由于您的错误响应体的内容长度为1112个字符，而您的正确响应体的内容长度为447个字符，您确定它们的内容是“等效的”吗？@D.Schaller该链接被堆栈溢出的文本显示切断。在我的源代码的最后，确实有一个/>。抢手货在内容长度差异上，这与米索鲁德的注释有关。test.css的实际响应主体是land.html.php（1112个字符）。land.css的响应主体应该是land.css（447个字符）。这当然是问题的一部分。谢谢你的提问——还有什么想法？
.navbar {
  background: linear-gradient(to right, #ee343a 0%,#468be6 100%);
  padding:1% 0;
  font-size: 1.2em;
}
.navbar-default .navbar-nav li a {
  color: #bec6e0;
}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a.active {
  color: #dfdfda;
}
#home {
  background: url(images/Bikeclouds.jpg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  background-size: cover;
  padding-bottom: 400px;
  opacity: .75;
}
.landing-text {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.landing-text h1 {
  font-size: 500%;
  font-weight: 700;
}
.padding img {
  width: 100%;
}
footer {
  width: 100%;
  background-color: #23415c;
  padding: 5% 5% 10% 5%;
  color: #dce5f4;
}
.fa {
  padding: 15px;
  font-size: 25px;
  color: #8f9d88
}