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文件中的所有代码。为什么会这样?
答案 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>