Не могу подключить таблицу стилей к html
Создаю свой сайт.Пытаюсь протестировать подключение css таблиц стилей но когда захожу в браузер ничего не меняется. index.html и style.css в одной дериктории в styles.css у меня записано так h1 {color:green;}
<!DOCTYPE html>
<html>
<head>
<title>CSS test</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
Ответы (3 шт):
Автор решения: Giga_Bird
→ Ссылка
Может помочь, если сделаешь ссылку абсолютной. Пример (C:\Users\Владелец\Desktop...)
Автор решения: Stark
→ Ссылка
Ваш код в том виде, в котором Вы привели его в вопросе однозначно рабочий и проблема не в нем. Похоже на то, что браузер по какой-то причине не видит Ваш css-файл, который Вы создали. Из личной практики, это может быть:
- Скорее всего, ошибка в имени css-файла, если он точно лежит в той же папке website. Проверьте, точно ли у него расширение css, а не txt, к примеру (у Вас должны отображаться расширения всех файлов в настройках проводника Windows)?
- Как вариант (хоть и маловероятно), что-то в настройках доступа в самой Windows. Чисто теоретически, если Вы вдруг не под учеткой Администратора работаете, это возможно, но вряд ли. Попробуйте перенести вместе оба Ваших файла в другую папку.
- Пару раз сталкивался с тем, что в редакторе кода один из файлов (html или css) банально забыли сохранить. Проверьте.
А в идеале, скриншот Вашей папки website посмотреть бы, для полноты картины...
Автор решения: Boris
→ Ссылка
Попробуйте добавить ~/ в начале пути или сделать так
<head>
<meta name="viewport" content="width=device-width" />
<link type="text/css" rel="stylesheet" href="../../Content/Site.css" />
</head>