HTML未鏈接到css文件

Question

嘿，我正在為一家即將開業的咖啡館編寫一個非常基本的頁面。 我有代碼可以從完成的照片池中隨機選擇頁面的背景圖像，但是當我嘗試引用同一目錄中的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

Answer 1

實際上，根據您提供的站點，已經加載了CSS文件。 之所以看不到“ Rechage Cafe”文本，是因為您為字體顏色指定了無效的值。

p {
  color: FFFFFF
}

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

p {
  color: #FFFFFF
}

HTML未鏈接到css文件

問題描述

1 個解決方案

解決方案1
2 2016-06-10 02:08:48

HTML未鏈接到css文件

問題描述

1 個解決方案

解決方案1 2 2016-06-10 02:08:48

解決方案1
2 2016-06-10 02:08:48