网页无法读取 CSS 文件 [重复]答案

【问题标题】：Webpage not able to read CSS file [duplicate]网页无法读取 CSS 文件 [重复]
【发布时间】：2013-07-06 07:42:09
【问题描述】：

你好，我的代码很简单。由于某种原因，它没有从 CSS 文件中获取任何内容并将其添加到正文部分的 php 文件中。如果我对 CSS 中的 p 标签进行更改，当我在 php 中使用 P 并进入网站时，它不会显示更改，这是我的代码。

PHP 代码

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Created by: Sivaram Penumarty [skpenuma] -->
<?php
        include("style.css");
?>
<head>

<title>WireLess Networking Group US PDE</title>
</head>

<body>
<h3>Ye Olde Storye</h3>
<p><span>A</span> long time ago there was an intrepid young student who wanted to learn CSS...</p>
</body>
</html>

STYLE.CSS

p {
    font-family:Garamond;
    font-size:16px;
}

h3 {
    font-family:cursive;
    color:#36648b;
    text-align:center;
}

span {
    color:#cc0000;
    font-size:24px;
}

这是我尝试运行后网页上的输出。

p { font-family:Garamond;字体大小：16px； } h3 { 字体系列：草书；颜色：蓝色；文本对齐：居中； } 跨度 { 颜色：绿色；字体大小：24px； } 你的故事很久以前有个勇敢的小学生想学CSS……

如您所见，Ye Olde Storye 的文本未与中心对齐，跨度不适用于 A，p 标签也没有任何变化。它还在开头重新打印 style.css 文件中的所有代码。为什么会这样？

【问题讨论】：

你不要使用php的include链接到css文件，尝试一些文档
在 style.css 文件的开头和结尾添加
@Mooseman 他们把这个问题搁置了，没有人能回答。我也标记了它。我用更多的细节对问题进行了很多重组，以便你们可以更好地回答，因为我之前的问题没有很清楚地说明。谢谢。
@Dagon 我对这个文档很陌生，你到底是什么意思。
@Akam 所以结尾？我以前从未使用过它，甚至从未听说过。

标签： php html css web

【解决方案1】：

您可能只想这样做而不是包含

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Created by: Sivaram Penumarty [skpenuma] -->

<head>

<title>WireLess Networking Group US PDE</title>
<link rel='stylesheet' href="style.css"/>
</head>

<body>
<h3>Ye Olde Storye</h3>
<p><span>A</span> long time ago there was an intrepid young student who wanted to learn CSS...</p>
</body>
</html>

【讨论】：

我也试过了。它没有工作。
根据您的页面在哪里以及它们 style.css 的位置，您将不得不更改 href 属性
所以我的 index.php 和 style.css 在同一个文件夹中。我是否必须将部分密码放入 href 中？
href 中的前导 / 删除...我将更改答案以反映这一点。
这篇文章是否发布在您可以提供链接的地方？

【解决方案2】：

您不需要 PHP只需加载样式表。如果style.css 在同一目录下，您可以使用以下代码行来引用样式表：

<link rel="stylesheet" type="text/css" href="style.css"/>

如果

include() 只是获取 CSS 文件并将整个代码转储到您的文档中。所以，如果你想要这样，你可以这样做：

<head>
    <style>
        <?php include("style.css"); ?>
    </style>
<head>

希望这会有所帮助！

【讨论】：

【解决方案3】：

看看here，看看有没有帮助。

来自Stefan的该页面：

<?php
define('CSSPATH', 'template/css/'); //define css path

$cssItem = 'style.css'; //css item to display

?>

<html>
<head>
 <title>Including css</title>
  <link rel="stylesheet" href="<?php echo (CSSPATH . "$cssItem"); ?>" type="text/css">
</head>
<body>
...
...
</body>
</html>

【讨论】：

【解决方案4】：

首先打开记事本，把你所有的html代码放进去，然后保存为index.html（不要忘记.html扩展名）

然后创建一个新的记事本文件并将所有 css 添加到其中。并将其保存为 style.css，确保它们在同一目录中。

最后，将此代码添加到您的 html 文件中的任何位置：

<link rel="stylesheet" type="text/css" href="/style.css">

【讨论】：

我已经这样做了，它仍然提供与我在问题中提出的相同的输出。
您可以将您的标记（html 和 css）粘贴到 jsfiddle 中以便我看一下吗？
我能弄明白。 href 是该文件的网站 url。我认为这与我的网络有关，但这对我有用。不过谢谢！

【解决方案5】：

您需要在您的 css 文件周围放置一个 <style> 容器，因为 css 不是 html！

<style type="text/css">
  <?php
    include("style.css");
  ?>
</style>

正如其他人建议的那样：使用正确的语法包含外部文件。

【讨论】：

【解决方案6】：

您正在使用 PHP 包含将 CSS 文件作为文本转储到 HTML 文档中……它将被视为 HTML。

如果你真的想以这种方式包含它，那么你需要将它放在 <style> 元素中。

然而，这种方法意味着每次下载 HTML 文档时都必须下载 CSS（并且不能在页面之间重复使用）。

告诉浏览器加载 CSS：

<link type="text/css" rel="stylesheet" href="style.css">

【讨论】：

我按照你的方式做了，它仍然给我同样的输出。
那是而不是 PHP 包含，不如它。（如果您删除了包含，那么您要么查看缓存版本，要么在保存或上传脚本时出错）。
我取出了包含并将您的行与文件的密码添加到 href 中，它取出了将 style.css 代码打印到网页上，但它没有将 CSS 功能添加到我的文本中在网页上。
您添加了工作目录？您需要提供一个 URL（最好是相对的）。浏览器不知道运行 Web 服务器的计算机的文件系统（如果知道，那将是一个可怕的安全问题）。
是的，我能弄明白。非常感谢您的帮助！