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; 
}

EDIT: Если кто-то хочет посмотреть это на http://recharge.cafe

источник

2016-06-10 Lachlan Turnley

На самом деле по данным сайта вы предоставили, файл CSS был загружен. Причина, по которой вы не видите текст «Rechage Cafe», заключается в том, что вы указываете недопустимое значение для цвета шрифта.

p { 
    color: FFFFFF 
}

Не работает. Цвет RGB должен иметь префикс символа «#».
Оно должно быть:

p { 
    color: #FFFFFF 
}

источник

2016-06-10 02:08:48

Ааа, это неудобно ха-ха. Спасибо за вашу помощь :) –

ответ

Смежные вопросы