Не могу подключить таблицу стилей к 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-файл, который Вы создали. Из личной практики, это может быть:

  1. Скорее всего, ошибка в имени css-файла, если он точно лежит в той же папке website. Проверьте, точно ли у него расширение css, а не txt, к примеру (у Вас должны отображаться расширения всех файлов в настройках проводника Windows)?
  2. Как вариант (хоть и маловероятно), что-то в настройках доступа в самой Windows. Чисто теоретически, если Вы вдруг не под учеткой Администратора работаете, это возможно, но вряд ли. Попробуйте перенести вместе оба Ваших файла в другую папку.
  3. Пару раз сталкивался с тем, что в редакторе кода один из файлов (html или css) банально забыли сохранить. Проверьте.

А в идеале, скриншот Вашей папки website посмотреть бы, для полноты картины...

→ Ссылка
Автор решения: Boris

Попробуйте добавить ~/ в начале пути или сделать так

<head>
    <meta name="viewport" content="width=device-width" />
    <link  type="text/css" rel="stylesheet" href="../../Content/Site.css" />
</head>
→ Ссылка