2017-06-03 123 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>