Почему html не видит css
Перейти к содержимому

Почему html не видит css

  • автор:

html файл не видит css документа ну или просто не читает его [закрыт]

Закрыт. Этот вопрос не по теме. Ответы на него в данный момент не принимаются.

Вопросы с просьбами помочь с отладкой («почему этот код не работает?») должны включать желаемое поведение, конкретную проблему или ошибку и минимальный код для её воспроизведения прямо в вопросе. Вопросы без явного описания проблемы бесполезны для остальных посетителей. См. Как создать минимальный, самодостаточный и воспроизводимый пример.

Закрыт 3 года назад .

html code css code Пробовал перекидывать из папки с русскими символами в папку без

Не подключается css к html. как исправить ошибку?

Попробуйте такие варианты: 1. Проверьте, что файл style.css точно существует (в браузере нажмите на ctr + u и нажмите на название файла и физически в папке проверьте, что файл style.css есть), а также проверьте, что все символы в английской раскладке клавиатуры 2. Попробуйте поставить слеш так:

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

У вас опечатки в коде есть.
Так не пишут, либо так нужно писать:

и если header как тег использовать, в css стилях без точки нужно будет писать к нему стили. Такие еще опечатки есть:

.main, .logo, .menubar, .size_content, .foother,

Во первых нужно писать footer, а не foother, во вторых после последнего класса не должно быть запятых. Глубже не смотрел код.

Тема открыта год назад, но как актуальна. Спасибо за ответ с ctrl+u

не получается файл style.css привязать к файлу html , но в браузере при нажатии ctrl+u он есть , но не преобразовывается , я уже все перепробовал

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

.headerbackground-color: darkslateblue;
height: 177px;
font-size: 0.8em;
margin-left: 0px;
margin-right: 0px;
min-width: 900px;
>

.main, .logo, .menubar, .size_content, .foother,margin-left: auto;
margin-right: auto;
>

.logowidth: 880px;
padding-bottom: 40px;
>

так выглядит файл style.css

    КиноМонстр     

КиноМонстр

Кино - наша страсть!

.header < background-color: darkslateblue; height: : 177px; font-size: 0.8em; margin-left: 0px; margin-right: 0px; min-width: 900px; >.main, .logo, .menubar, .size_content, .foother, < margin-left: auto; margin-right: auto; >.logo < width: 880px; padding-bottom: 40px; >.logo h1, .logo h2, < font: normal 300% 'century gothic', arial, sans-serif; margin: 0 0 0 9px; >.logo_text h1, .logo h1 a, .logo h1 a:hover < padding: 22px 0 0 0; letter-spacing: 0.1em; text-decoration: none; >.logo_text h2 < font-size: 0.9em; padding: 4px 0 0 0; color: #999; >я пошел чуть дальше но изменений никаких нет, все осталось также как и было без этого - .logo h1, .logo h2, < font: normal 300% 'century gothic', arial, sans-serif; margin: 0 0 0 9px; >.logo_text h1, .logo h1 a, .logo h1 a:hover < padding: 22px 0 0 0; letter-spacing: 0.1em; text-decoration: none; >.logo_text h2

Спасибо,вы помогли постараюсь быть внимательнее

не подключается css

я начал процесс обучения верстке,на базе сайта о кино. в качестве редактора кода использую VS Code и Sublime. и там и там возникает ошибка при подключении стилей CSS. сначала все идет норм,но как только подключаю CSS, страница не обновляется и никак не изменяется (задаю ширину блока в HEADER и цвет фона)
причем делаю все точно так же как и в обучалке,но там все получается,а у меня нет.

    КиноМонстр     

КиноМонстр

Кино-наша страсть!

Максим Потапов
2 years ago

На диске — зайдите в Проводник (или какой-то менеджер файлов), найдите вашу рабочую папку — где лежит ваша страница index.html

проверьте чтобы в это папке были созданы папки стилей как у вас указано, т.е. /assets/css/ — и в этой папке должен быть файл style.css

если у вас нарушена структура папок, то вам нужно это исправить — создать нужные папки, переместить файл style.css в нужную папку и/или изменить путь указанный в index.html для подключения фала стилей.

Далее через Проводник откройте найденный на диске файл /assets/css/style.css — мышкой правой и открыть с помощью — выберите редактор кода и убедитесь, что код файла верный то что нужен (который вы писали по уроку)

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

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

  • Вопрос задан более трёх лет назад
  • 93707 просмотров

2 комментария

Оценить 2 комментария

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

aliencash

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

Решения вопроса 1
Kisumi @Kisumi Автор вопроса
Написала полностью идентичный код, но в другом файле — заработало. Понятия не имею, что это было
Ответ написан более трёх лет назад
Я думаю дело было в кодировке файла style.css
Ответы на вопрос 14

Sokol_ua

Куплю мозГ

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

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

Ответ написан более трёх лет назад
Нравится 3 1 комментарий

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

Kirilchuk

Вперед и вверх
style.css случайно в реальности не style.css.txt ?
Ответ написан более трёх лет назад
Комментировать
Нравится 2 Комментировать
начинающий веб разработчик

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

Ответ написан более двух лет назад
Комментировать
Нравится 2 Комментировать

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

Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать

e-antonov

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

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

Ответ написан более трёх лет назад
Kisumi @Kisumi Автор вопроса
Открывается документ, все там нормально и в порядке

mlnkv

JavaScript Developer

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

Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Я думаю дело в кодировке файла style.css
Ответ написан более трёх лет назад
ProstoErik @ProstoErik
Реально допомогло дякую.

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

Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать

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

Ответ написан более двух лет назад
Комментировать
Нравится Комментировать

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

Ответ написан более двух лет назад
Комментировать
Нравится Комментировать
Обновите страницу Ctrl + F5
Ответ написан 04 апр. 2023
Комментировать
Нравится Комментировать
Matilda-kot @Matilda-kot

У меня сохранялась эта проблема до тех пор, пока я использовал абсолютную ссылку на css файл.
html и css файл лежали в одной папке. После того как я указал в href=просто название css файла (т.е. относительную ссылку), у меня все заработало.

Ответ написан 05 окт. 2023
Комментировать
Нравится Комментировать

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

href ../css/style.css

было так
href ..» показывалось верно, останавливая лайв сервер всё шло плохо.
Ответ написан 18 дек. 2023
Комментировать
Нравится Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

css

  • CSS

Почему пропадает before?

  • 1 подписчик
  • 2 часа назад
  • 28 просмотров

css

  • CSS

Как сделать вот такой дизайн фона на веб странице?

  • 1 подписчик
  • 3 часа назад
  • 53 просмотра

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *