Почему не подключается CSS в HTML (код написан верно)?

Question

[Kisumi]

Прикладываю ссылку на CSS файл в голову вот так:

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

Файл style.css находится в одной папке с HTML файлом, синтаксис в обоих файлах соблюден (дебаг запускался в двух источниках, нет ошибок).
Не работает
Работаю в WebStorm, сегодня ОС на 8.1 Windows сменила.
Через <style></style> работает.
В чем причина может быть?

Comments

[Inteli Sense]

А линк сам в хедере находиться?

[Андрей Федоров]

Давид Габриелян: А это как раз не важно. Браузеру все равно, а Google PageSpeed наоборот рекомендует лишний css убирать из заголовка. Да, не валидно, зато быстрее работает.

Answer 1

[Kisumi]

Написала полностью идентичный код, но в другом файле - заработало. Понятия не имею, что это было

Comments

[skynetdev]

Я думаю дело было в кодировке файла style.css

Answer 2

[Alex Sokol]

Попробуй так link rel="stylesheet" type="text/css" href="style.css"

Только скобки добавь

Comments

[merOsever]

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

Answer 3

[Андрей Кирильчук]

style.css случайно в реальности не style.css.txt ?

Answer 4

[trubachw]

У меня похожая проблема. Я пользуюсь яндекс браузером и в итоге пришел к выводу, что все дело в браузере, он как бы сохраняет одну версию файла css и потом чисто только ее использует, но если зайти через инкогнито , то в этом случае ничего не сохраняется и все отображается

Answer 5

[Niclas908]

код правильный. скопируй свой код, закинь в обычный Word и поставь какой-то красивый шрифт для английского языка. возможно ты просто какую-то букву случайно записал кириллицей, а не латиницей, и поэтому отказывается работать

Answer 6

[Евгений]

с виду всё верно. попробуйте посмотреть в сторону прав или путей, правильности названий.

Comments

[Kisumi]

в том-то и дело, что названия правильные и в путях не может быть ошибка, т.к. в одной папке лежат

Answer 7

[Moskus]

Открывается ли CSS-файл по прямому URL в browser-е?
То есть вы открываете свой HTML по пути типа "file://всякая хрень/index.html", а если заменить "index.html" на "style.css", что будет?

Comments

[Kisumi]

Открывается документ, все там нормально и в порядке

Answer 8

[Сергей Мельников]

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

Answer 9

[skynetdev]

Я думаю дело в кодировке файла style.css

Comments

[ProstoErik]

Реально допомогло дякую!!!

Answer 10

[Wintez]

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

Answer 11

[Wonke]

Та же проблема. Все указано корректно, но в Opera он обновлял введения в CSS спустя какое-то время, а в Google Chrome - сразу. Как вариант - измените браузер.
Изначально проблема моя в том, что я сайт делал на локальном сервере Open Server, а файлы были .php, с расширением html всё работало, но тогда php не реализовать

Answer 12

[Gennadi72]

Все траблы из-за браузеров - сбрасывайте настройки браузеров, или стирайте браузеры и вновь устанавливайте.

Answer 13

[filas]

Обновите страницу Ctrl + F5

Answer 14

[yujinikun]

Тема давняя, столкнулся с такой же проблемой, почитал что тут писали, ничего не помогло. Только учусь верстке, но нашел решение проблемы.
Файл style.css лежит у меня в папке css, папка с версткой лежит в ещё одной папке, прописывал

href="../css/style.css

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

href="../css/style.css

было так

href="./css/style.css

стало так
Теперь при открытии сайта через index.html показывалось всё корректно
Забавно то, что работая в VS Code и запуская live server даже с ".." показывалось верно, останавливая лайв сервер всё шло плохо.

Answer 15

[danielPS]

Просто полностью путь указывай, прям полностью и все.

Answer 16

[Fencerror]

В vs code подключал css так: "rel="stylesheets" href="style.css"" - не работало.
Попробовал убрать s из stylesheets: "rel="stylesheet" href="style.css" - заработало.
Это странно, учитывая необязательность атрибута.

Answer 17

[Vampaluz]

НАШЕЛ! в атоме заработало все после прописания в пути ссылки на стили, папки стилей, пример:



следовательно, если вы создаете папку стилей в папке с сайтом, то в ссылке на папку ВСЕГДА прописывайте и саму папку.

Я тут чуть комп уже не разнес от ярости, пока не допер.

Comments

[Vampaluz]

""

Код не прикрепился

[Vampaluz]

link rel="stylesheet" href="css/style.css"