2017-06-03 125 views
0

我从头开始创建我的第一个网站,并且看到了一些可以通过使用PHP包括要重复的网站部分来减少代码的地方。到目前为止,我有一个head.php(这是我添加的,因为我的stylesheet.css被链接到那里,需要在每个页面上访问它),header.php,footer.php,index.php和其他页面扩展(关于,联系,那一堆)。PHP和包括

一切都出现在我想要的地方,除了一个问题:当设置身体背景颜色,一切(全部包括:header.php,footer.php)似乎在身体。我通过在身体周围设置边框来测试这一点,并确认了我的想法。

有没有人有一个想法是什么问题?我在索引文件的页眉,页脚和其他位中使用了flexbox,但我认为这不会影响任何内容。

<!DOCTYPE html> 


<?php include 'head.php'; ?> 
    <?php include 'header.php'; ?> 


    <body id="main-block"> 
    <!-- Button links to Portfolio and Other stuff --> 
    <div class="flex-container"> 
     <a class="main-button" href="#">Web Work</a> 
     <a class="main-button" href="#">Other Work</a> 
    </div> 

    </body> 

<?php include 'footer.php'; ?> 
</html> 
+0

页眉和页脚应在身体'

' – Kazz

+0

这里把一些代码... – sensorario

回答

2

您的身体标记是假设环绕您的页眉和页脚元素。见下面的标记

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    </head> 
    <body> 
    <?php include (header);?> 
    <?php include (footer);?> 
    </body> 
</html> 

如果u想要改变你的元素的背景颜色只是添加CSS

element { background-color:pink } 
+0

大,我去做。所以当使用php包含时,包含实际上成为了身体的一部分?我的意思是,任何针对身体的css都会影响那些包含(d)php元素,对吗?在这种情况下是 –

+0

是的。每当你包含一些东西时,它将成为包装的一部分(在这种情况下,标签)。尝试在Chrome浏览器中使用开发工具。右键单击并检查元素,看看事物如何在视图中呈现。 –

0

我承认,我真的不明白你的问题。不过,我会给你一个小片段开始编码PHP:

<html> 
    <head> 
     <title>Welcome</title> 
     <style> 
      <?php include 'stile.php'; ?> 
     </style> 
    </head> 
    <body> 
     <?php include 'header.php'; ?> 
     <?php include 'footer.php'; ?> 
    </body> 
</html>