HTML沒有鏈接到css文件

嘿，我正在爲我開始的一家咖啡館打造一個非常基礎的頁面。我有代碼可以從我已經完成的照片池中爲頁面隨機選擇背景圖片，但是當我嘗試在同一目錄中引用css文件時，樣式不會反映在頁面中。HTML沒有鏈接到css文件

的index.php

<?php 
    $bg = array('bg1.jpg', 'bg2.jpg', 'bg3.jpg', 'bg4.jpg', 'bg5.jpg', 'bg6.jpg', 'bg7.jpg'); // array of filenames 

    $i = rand(0, count($bg)-1); // generate random number size of the array 
    $selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen 
?> 
<!DOCTYPE html> 
<html lang="en"> 
<html> 
    <head> 
     <title>Recharge Cafe</title> 
       <link type="text/css" rel="stylesheet" href="stylesheet.css"/> 
     <style type="text/css"> 
      body { 
      background: url(images/<?php echo $selectedBg; ?>) no-repeat center center fixed; 
      -webkit-background-size: cover; 
      -moz-background-size: cover; 
      -o-background-size: cover; 
      background-size: cover; 
      } 
     </style> 
     <script> 
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 

    ga('create', 'UA-79082509-1', 'auto'); 
    ga('send', 'pageview'); 
</script> 
    </head> 
    <body> 
     <p>Recharge Cafe</p> 
    </body> 
</html>

stylesheet.css中

html { 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

p { 
    color: FFFFFF; 
}

編輯：如果有人想看看它在http://recharge.cafe

來源

2016-06-10 Lachlan Turnley

其實根據您所提供的網站，CSS文件已被加載。您看不到「Rechage Cafe」文字的原因是您爲字體顏色指定了無效值。

p { 
    color: FFFFFF 
}

它不起作用。 RGB顏色應該以一個'＃'符號作爲前綴。
它應該是：

p { 
    color: #FFFFFF 
}

來源

2016-06-10 02:08:48

啊，這是令人尷尬，哈哈。謝謝你的幫助：） –

HTML沒有鏈接到css文件

回答

相關問題