Локальная веб-страница загружается неправильно

Question

Я учусь кодировать сайты. Я решил начать использовать fedora. Все хорошо, пока я не обнаружил, что мой файл CSS не загружается правильно. Та же конфигурация работала в Chrome для Windows, но не FF для Linux.

У меня есть папка /home/cromwell/projects внутри которой у меня есть index.html и styles.css (а также связанные ресурсы)

Я ссылаюсь на файл css с помощью href="styles.css"' ... Я также попробовал ./styles.css и file:///C:/home/cromwell....

Метод ./ разрешает и показывает мой CSS-файл, когда я нажимаю на ссылку в "источнике просмотра страницы". Но он не заполняет DOM при загрузке страницы.

Файл CSS является не чем иным, как нормализацией. И HTML только ссылается на таблицу стилей. Без содержания.

Почему мой CSS не загружается? Эта установка работала в Windows ... Нужно ли устанавливать сервер Apache? Есть ли синтаксис для пути, который я пропустил?

Answer 1

Вы должны поместить свои файлы в общедоступную папку. Это единственный раз, когда вы можете загрузить файл CSS. В качестве безопасного трюка, поместите ваш CSS-файл в ту же папку вашего HTML-файла, а затем используйте этот код ссылки

<link rel="stylesheet" type="text/css" href="mycss.css">

Вы не сможете использовать file:///C:/home/cromwell.... так как в Fedora по умолчанию нет понятия букв дисков, он видит все как папки, если вы не смонтируете диск и не дадите ему букву диска. ,

Также не стоит включать букву диска в ваши ссылки html, так как он будет искать файл локально по отношению к жесткому диску посетителя.

Answer 2

Насколько я могу судить, единственная проблема здесь в том, что нет C: . Идея предоставления букв (или разделов, или общих сетевых ресурсов) буквам - это своеобразная особенность DOS, перенесенная в Windows. В Linux есть одно унифицированное дерево, которое начинается с / . Другие разделы / диски / общие ресурсы могут быть смонтированы в этом дереве, но с точки зрения пользователя вам не нужно об этом заботиться. Итак, вам просто нужно сослаться на ваши файлы в file:///home/cromwell/...

Answer 3

Я использовал неправильный тег ... Была мета, когда мне нужна была ссылка ... Прошу прощения и спасибо за ваши отличные ответы