Почему мой index.html не помещает мой style.css в мою папку css?

У меня такая файловая структура:

mysite/
├── css/
│   ├── style.css
│   
├── index.html

И мой html-код:

    <!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
    <meta http-equiv = "X-UA-Compatible" content = "ie=edge">
    <link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity = "sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin = "anonymous">
    <link rel = "stylesheet" href = "css/style.css" type = "text/css">
    <title>Home </title>
</head>

Но когда я запускаю сайт на локальном хосте (xampp), он не использует CSS. Насколько я знаю, я делал это все время, но на этот раз это не сработало.

К вашему сведению: мой Apache в xampp действительно работает.

Кто-нибудь может заметить мою ошибку?

попробуйте поставить href = "../ css / style.css", так как вам нужно вернуться на один уровень каталога

jayt 06.05.2018 17:51

Проверьте мой ответ, если это помогло, пожалуйста, примите его

Gautam Naik 29.05.2018 09:04
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
2
58
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

попробуйте вернуть ../css/style.css, ваш html-файл находится не в том же каталоге, что и css.

Ответ принят как подходящий

попробуй это,

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

Я предполагаю, что у вас есть файлы css папка и index.html в вашем папка mysite.

Чтобы получить файл css, вам нужно будет использовать указанный выше формат, который сообщает файлу index.html перейти к css папка и получить файл style.css

Спасибо за этот фрагмент кода, который может оказать некоторую немедленную помощь. Правильное объяснение значительно повысило бы его ценность в долгосрочной перспективе, показав, почему это хорошее решение проблемы, и сделало бы его более полезным для будущих читателей, задающих другие похожие вопросы. Измените свой ответ, чтобы добавить пояснения, в том числе сделанные вами предположения.

Maximilian Peters 06.05.2018 23:17

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

style.css?random=number

Консоль разработчика: F12 в FF, CTRL + SHIFT + I в хроме.

Другие вопросы по теме