网页无法读取CSS文件

时间:2013-07-08 20:47:13

标签: php html css web

Hello我的代码非常简单。由于某种原因,它没有从CSS文件中拾取任何内容并将其添加到body部分的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 {font-family:cursive;颜色:蓝色; text-align:center; } span {color:green;字体大小:24像素; } Ye Olde的故事 很久以前,有一位勇敢的年轻学生想学习CSS ......

正如您所看到的那样,文本未与Ye Olde Storye的中心对齐,并且跨度对A不起作用,p标签也没有任何变化。它还在开头重新打印style.css文件中的所有代码。为什么会这样?

6 个答案:

答案 0 :(得分:3)

你可能只想做而不是包含

<!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> 

答案 1 :(得分:1)

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

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

然而,该方法意味着每次下载HTML文档时都必须下载CSS(并且不能在页面之间重复使用)。

告诉浏览器加载CSS:

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

答案 2 :(得分:0)

你需要在你的css文件周围放一个<style>容器,因为css不是html!

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

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

答案 3 :(得分:0)

首先打开记事本,将所有html代码放入其中,然后将其保存为index.html(不要忘记.html扩展名)

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

最后,将此代码添加到html文件中的任何位置:

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

答案 4 :(得分:0)

你不需要PHP来只是加载样式表。如果style.css位于同一目录中,则可以使用以下代码行来引用样式表:

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

如果

include()只需获取CSS文件并将整个代码转储到文档中。所以,如果你想要那样做,你可以这样做:

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

希望这有帮助!

答案 5 :(得分:-1)

看看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>