CSS样式不会影响PHP中的段落

时间:2012-09-22 13:27:53

标签: html css

我的PHP代码中有一个段落,它不受我的CSS样式的影响,我不知道为什么...我没有PHP的经验,所以我不明白为什么这不起作用如果有人能抽出时间回答我,那就太好了。代码:

<html>
<style>
    h1 {
        font-family:"Arial";
        padding: 5px;
        color: #1e90ff;
    }
    p {
        font-family:"Arial";
        padding-left: 15px;
        color: #000;
    }
    span {
        font-family:"Arial";
        padding: 15px;
        color: #000;
    }
    #contentwrapper {
        width: 750px;
        border: 2px solid #666666;
        border-radius: 5px;
        background-color: #808080;
        text-align: center;
    }
</style>
<div id="contentwrapper">
<?php

//connect
I REMOVED THE CONNECTION INFO

//query the db
$getnews = mysql_query("SELECT * FROM page_index") or die(mysql_error());

while ($row = mysql_fetch_assoc($getnews))

{
//get data
$title = $row['title'];
$header = $row['header'];
$content= $row['content'];
echo "
<title>$title</title>
";
echo "
<center><h1>$header</h1></center>
";
echo "
<p>$content</p><br><br>
";
}
?>
</div>
</html>

我知道我可以使用跨度,但我有理由想使用p标签。谢谢!

3 个答案:

答案 0 :(得分:0)

  1. 只需为没有PHP内容的网页构建模板 - 只需原始HTML
  2. 将CSS放入另一个文件中。只需加入它。添加1.并确保它应该是什么样。
  3. 修改1以添加数据库中的内容。

答案 1 :(得分:0)

您的HTML看起来不完整。

尝试在<head>标记后添加<html>标记。然后关闭</head>代码后的<title>代码。

在内容创建<body>代码并在最终</body>代码前关闭</html>代码之前。

答案 2 :(得分:0)

将此内容保存为test.html并检查它是否是您的预期输出?如果不相应修改您的CSS并将CSS粘贴回您的PHP。添加了头部和身体标签。

<html>
<head>
<style>
    h1 {
        font-family:"Arial";
        padding: 5px;
        color: #1e90ff;
    }
    p {
        font-family:"Arial";
        padding-left: 15px;
        color: #000;
    }
    span {
        font-family:"Arial";
        padding: 15px;
        color: #000;
    }
    #contentwrapper {
        width: 750px;
        border: 2px solid #666666;
        border-radius: 5px;
        background-color: #808080;
        text-align: center;
    }
</style>
</head>
<body>
<div id="contentwrapper">
<title>title</title>
<center><h1>header</h1></center>
<p>paragraph</p><br><br>
</div>
</body>
</html>