Не работает css код

Сайт не видит код css, что делать?

Сайт делала сначала без php. Потом перенесла его на диск С в папку xampp, стала доделывать там, чтобы использовать php. Точнее не перенесла, а скопировала всю папку с сайтом. Все работает, если меняю в html, а в файле style.css изменения не работают. Путь к файлу проверила. На сайте со старого места на диске D изменения проходят, с диска C нет, почему так?

Похожие вопросы

14 ответов

Попробуйте слеш поставить перед началом пути к css файлу:

не помогло. я не так сформулировала вопрос. сайт видит код css, но когда вношу изменения в файл style.css, то ничего не меняется.

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

здесь файл style.css — C:\xampp\htdocs\Khvoya\assets\css

файл rand_otzyvy.php в корне, то есть — C:\xampp\htdocs\Khvoya

Проверь папку с css. Такая же проблема была — я вместо assets написал asset. Переиминуй возможно поможет.

Благодарю, но нет, там все верно.

Помогите пожалуйста! В чем может быть проблема?

1) Откройте вашу страницу в браузере Google Chrome (проблемную страницу, в которой не меняются css стили).

2) Нажмите на F12, выберите вкладку Console и перезагрузите страницу (на иконку браузера или F5 клавиша). Если после перезагрузки вы видите красные надписи и ошибку 404 (в Console), смотрите, на какие файлы ругается консоль — именно в них проблема (неверные пути и т.д.)

Источник

Полный список причин, по которым css файл может не работать

Эта проблема заставляет меня чувствовать себя абсолютным noob.

Вот глава моего .html файла:

И мой файл html.css действительно там, где он должен быть. Но у меня совсем нет стиля. Помогите!

И, пожалуйста, не голосуйте, потому что ответ очевиден, и я не вижу его.

РЕДАКТИРОВАТЬ 1

Хорошо, теперь я просто пытаюсь решить проблему локально на своей машине. Вот глава:

РЕДАКТИРОВАТЬ 2

Хорошо, я добился определенного прогресса. Предложение firebug было действительно хорошим. Я видел, что ссылка на файл CSS читается как китайские символы. Это была проблема кодирования UTF, поэтому я просто открыл свои файлы в текстовом редакторе, а затем сохранил их как UTF-16.

Но теперь он считывает неверные данные из файла css! Я загрузил файл css ниже, но в firebug он показывает два лайнера.

Я нахожу это озадачивающим!

ОТВЕТЫ

Ответ 1

Вы уверены, что таблица стилей загружена? Вы можете увидеть его, используя вкладку «Сеть» Firebug на firefox или на вкладке «Сеть» консоли консоли вашего браузера.

(Если 1 работает), у вас может быть простой стиль образца и посмотреть, будет ли он применяться (и видимым в консоли)?

Ответ 2

Если это не работает, убедитесь, что URL-адрес доступен, а контент — то, что вы ищете.

Ответ 3

Может быть, у вас есть ошибка в вашем файле CSS? Скобка закрыта, отсутствующая точка с запятой и т.д.

Ответ 4

Firefox может отклонить таблицу стилей, если она не подана с типом контента «text/css». (Это отдельно от объявления ‘type=»text/css»‘ в HTML.)

Ответ 5

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

Ответ 6

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

Ответ 7

I таблица стилей может не загружаться по нескольким причинам. Но основной подход к решению такой проблемы заключается в следующем:

1. После загрузки страницы нажмите F12 , чтобы открыть Консоль разработчиков. Проверьте консоль на наличие зарегистрированных ошибок.

2. Затем вы должны проверить вкладку «Таблицы стилей» и просмотреть список таблиц стилей, загруженных браузером.

3. URL-адрес, который вы используете в своем теге HTML link , может быть недоступным, поэтому вручную попробуйте посетить таблицу стилей с помощью браузера и посмотреть, все ли отображается правильно.

4. Любая опечатка внутри вашей таблицы стилей HTML или CSS может привести к загрузке таблицы стилей.

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

Надеюсь, что это поможет.

Ответ 8

Я не думаю, что проблема заключается в том, что вы опубликовали, — нам нужно будет увидеть CSS или проверить его местоположение и т.д.!

Но почему бы не попробовать удалить его до одного правила CSS — поместите его в раздел HEAD, а затем, если он будет работать, переместите это правило во внешний файл. Затем повторите введение других правил, чтобы убедиться, что ничего не пропало или не имеет приоритета над вашим CSS.

Ответ 9

У меня была такая проблема! Я смог исправить это после

Шаг 1 → из сообщения Abraar Arique, я зашел в консоль → Зашел в Редактор стилей и нашел, что Firefox не загружает обновленную копию моего файла css.

Я очистил всю историю и перезагрузил страницу, тогда моя проблема была исправлена.

Ответ 10

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

Селектор #navi нигде не содержится в HTML, потому что я забыл добавить его перед написанием CSS. в моем случае я работал с файлом Less, поэтому я вложил его в это

Я надеюсь, что эта помощь поможет пересмотреть, когда что-то не работает.

Ответ 11

Новый для вас Ребята!

Во время моего процесса Gulp minification

Последний файл CSS был для печати, и сгенерированный вывод дал мне

Итак, из-за media = «print» все правила CSS были пропущены!

Ответ 12

Моя простая мысль, что вы пропустили type=»text/css» .

Ответ 13

URL http://fakedomain.com/smilemachine/html.css в тэге
неверен. Файл не найден.

Ответ 14

Если ваш URL-адрес работает и загружает файл правильно, и вы сказали, что добавление правильного

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

Что вы можете сделать, это написать один базовый тег

Ответ 15

У меня была такая же проблема, китайские символы появлялись в firefox при загрузке на веб-сервер, но не на localhost. Я скопировал содержимое файла css в новый текстовый файл. Теперь все работает. Должна быть некоторая ошибка в кодировке Unicode/encoding.

Ответ 16

У меня была такая же проблема с тем, что css не работал, позже я узнал, что это мои строки @media в css, которые вызывают проблему.

Я переместил их в конец css, и все было разрешено.

Ответ 17

У меня есть еще один. Я назвал свой файл css: default.css. Он не загрузится. Когда я попытался просмотреть его в браузере, он показал пустую страницу.

Я изменил имя на default_css.css и начал работать.

Ответ 18

У меня была та же проблема, и я использовал кодировку UTF-8 для обоих моих файлов следующим образом:

добавить @charset «UTF-8»; в файле CSS и в в файле HTML. и это сработало для меня.

он делает одинаковую кодировку для обоих файлов, т.е. HTML и CSS.

Вы также можете сделать то же самое для кодировки «UTF-16».

Если он все еще не работает, проверьте наличие
в в файле HTML, где следует указать type=»text/css»

Ответ 19

Я использую WordPress, и таблица стилей была поставлена в очередь в нижний колонтитул

Это привело к добавлению атрибута media=»1″ к тегу
, в результате чего таблица стилей была загружена, но не применена.

Изменил параметр на false и теперь он работает

Источник

Почему не работает css

Ссылка на файл

Код CSS может находиться как в HTML документа, так и в отдельном файле с одноименным расширением. Если CSS находится во внешнем файле и не работает, то первым делом следует проверить ссылку в HTML коде.

Ссылка (href) должна писаться в одиночном теге link. Содержимое link в HTML5 должно выглядеть следующим образом: href=”style.css” rel=”stylesheet”. Не забывайте, что сам тег link располагается между парными ключевыми тегами head.

После значения href указывается имя того css-файла, который должен быть прикреплен к документу (это не обязательно style). Если файл со стилями находится в другой папке, то обязательно через слэш (/) необходимо указать путь к нему.

Синтаксис CSS

Если со ссылкой все в порядке, а CSS все равно не работает, нужно проверить синтаксис в коде.

Во-первых, проверьте селектор. Селектор должен совпадать с тем, что у вас написано в html-файле. То есть, если в html выбран то в CSS на месте селектора прописывается «.container». Обратите внимание на точку перед названием. Точка ставится только перед классами. Если же вы прописываете стиль для заголовков h1, то никакой точки не нужно.

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

Браузер

Если браузер, на котором вы проверяете свой css-код, уже устарел, то он не в состоянии корректно отображать язык CSS3. Поэтому в случае, если код не работает, обновите свой браузер до последней версии.

Используйте для тестирования разные браузеры: Opera, Google Chrome, Firefox. Не рекомендуется полагаться на Internet Explorer, так как его разработка для Microsoft не является главной задачей, что приводит к его «несостоятельности» по отношению к CSS3.

Новые версии браузеров для отладки кода содержат специальный модуль, позволяющий редактировать код сразу в браузере. Для этого необходимо в контекстном меню окна кликнуть «Показать исходный код».

Наследование

Сложнее всего разбираться в CSS с наследованием. В то время, как она чаще всего и является основой нерабочего кода.

CSS работает по тому же принципу, что и матрешки. Один контейнер вкладывается в другой, в него третий и т.д. Чтобы изучить все тонкости наследования, необходимо потратить немалое количество времени. Начать же можно с элементарного.

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

Когда вы найдете контейнер или другой элемент, к которому применен не сработавший стиль, внимательно посмотрите, во что «вложен» этот элемент.

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

Источник

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

Подскажите плз,в чем может быть причина?

делал все как на видео

в файле css проверил все сохранилось

тип документа тоже проверял

Похожие вопросы

9 ответов

Попробуйте такие варианты:

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

2. Попробуйте поставить слеш так:

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

.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;
>

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

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

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

У вас опечатки в коде есть.

Так не пишут, либо так нужно писать:

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

Такие еще опечатки есть:

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

Глубже не смотрел код.

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

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

Источник

Не применяются css

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

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

Если неизвестно из какого файла берутся стили сайта, то это можно посмотреть в исходном коде страницы (в большинстве браузеров вызывается через ctrl+u):

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

Далее необходимо внести изменения в css файл, обычно новые стили с соответствующими комментариями добавляются последними строками в файл.

Но иногда изменения стилей не применяются, это может происходить по нескольким причинам:

Изменения на самом деле применились,но результата не видно из-за не обновленного кеша веб браузера. Всегда после изменения стилей необходимо делать очистку кеша через ctrl+F5.

У меня на мобильном телефона в веб браузере chrome часто бывает такой глюк: даже после очистки кеша сайт отображается неправильно. Берешь телефон друга, открываешь на нем сайт — там изменения применены. А на твоем телефоне, даже после очистки истории — нет.Вообще для проверки изменения в стилях удобно использовать режим инкогнито, в нем браузер не сохраняет кешированные версии сайта у себя в памяти, а все время делает загрузку с веб сервера.

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

Источник