Сайт не видит код css, что делать?
Сайт делала сначала без php. Потом перенесла его на диск С в папку xampp, стала доделывать там, чтобы использовать php. Точнее не перенесла, а скопировала всю папку с сайтом. Все работает, если меняю в html, а в файле style.css изменения не работают. Путь к файлу проверила. На сайте со старого места на диске D изменения проходят, с диска C нет, почему так?
Похожие вопросы
14 ответов
Попробуйте слеш поставить перед началом пути к css файлу:
не помогло. я не так сформулировала вопрос. сайт видит код css, но когда вношу изменения в файл style.css, то ничего не меняется.
Код ваш покажите полностью и названия файлов, а также по каким путям лежат файлы относительно рабочей папки с проектом.
Благодарю, но нет, там все верно.
Помогите пожалуйста! В чем может быть проблема?
1) Откройте вашу страницу в браузере Google Chrome (проблемную страницу, в которой не меняются css стили).
Не подключаются стили к файлу index.php
Доброго времени суток. Пытаюсь подключить стили к index.php, но пока успехом не увенчалось. Вроде.
Не подключаются стили css
Доброго времени суток. Недавно начал изучать css и html, и в самом начале столкнулся с проблемой.
Не подключаются стили CSS
Сверстал табличку на html+css на компе. На нем все хорошо открывается, стили подключаются.
Не подключаются стили CSS
Вот начал верстать макет, но не могу понять почему таблица стилей не подключилась, вот участок кода.
Ок. Скинь смартфоновские скриншоты папки проекта, папки стилей и куска HTML кода, где тег link виден.
Вот, кстати, все скриншоты, которые просили:
(использую ES проводник: https://trashbox.ru/link/es-file-manager
Модель смартфона: HUAWEI Y5 2018)
Решение
А вот ссылка на мой выгруженный сайт (не удивляйтесь с его картинки, украл, что под руку попалось. То же и об наполнении 
): https://exampleprojectcheck.000webhostapp.com/
Вложения
 | training.zip (3.68 Мб, 1 просмотров) |
Решение
Добавлено через 7 минут
NTHing, Вы просто ЛУЧШИЙ. Спасибо Вам огромное за решение проблемы, очень большущее. Ещё в придачу крутецкий файловый менеджер посоветовали. Миллион раз благодарен 
Как подключить html к css и сделать асинхронную загрузку
В этом уроке вы узнаете, как подключить css к html. Рассмотрим несколько вариантов с примерами. Также поговорим про асинхронную загрузку стилей и хаки под разные браузеры.
Как подключить css к html отдельным файлом
Сейчас покажу, как подключить css к html отдельным файлом стилей. Создается отдельный файл css. Далее при помощи специальных команд он подключается к необходимым документам. Такой вид называется внешней таблицей стилей.
Для простой структуры html документа это выглядит так:
Также заметьте, что имя файла может быть любое на латинице. Главное, чтобы у него было расширение css. Для основного файла стилей всего сайта я рекомендую указывать имя style.
В общем, этот способ наиболее распространен при создании сайта. Во-первых, так удобно. Если много стилей, то лучше их вынести в отдельный файл, а не пихать все в html.
Во-вторых, вы можете сразу подключать несколько файлов. Один основной со своего сайта. А второй с другого проекта или сервиса.
Например, вставка кнопок социальных сетей с сервиса. Вы прописываете путь к файлу стилей кнопок именно с того сервиса, который эти кнопки вам предоставил.
Итак, теперь вы знаете, как подключить внешний css. Используйте его, как основной способ. Ниже идут еще несколько вариантов подключения. Они тоже пригодятся, но как дополнительные варианты решения.
Подключение CSS внутренними стилями
На странице выглядит это так:
Данный способ подключения css не очень удобен. Как правило, он используется в основном для асинхронной загрузки стилей. О ней мы еще ниже поговорим.
Подключение CSS к html через import
Можно указывать как абсолютный, так и относительный путь к файлу. Вот как выглядит на странице:
Комбинация импорта и внутренних стилей
На странице это выглядит так:
Подключение CSS в CSS
Вот пример подключения нескольких файлов стилей в одном css:
Inline CSS
В примере видно, что с помощью атрибута style мы задали жирное начертание и красный цвет текста в абзаце (теге p).
Такой вариант будет полезен, когда нужно задать разные стили для одного элемента (тега). Например, стилизация разных абзацев. Еще часто используют для стилизации разных ячеек таблиц. Так информация воспринимается намного лучше.
Данный метод используется не так часто. Ведь он указывает стилизацию только для одного конкретного тега. Поэтому все элементы страницы таким способом стилизовать не очень удобно.
Но как я говорил выше, в некоторых ситуациях такой способ может пригодиться.
Скажу, что если инлайн стили вы будете использовать как в качестве дополнительной стилизации, то ничего плохого не будет.
Загрузка CSS для определенного браузера
Обязательно хочу упомянуть про загрузку css для определенного браузера. Ведь каждый из них может отображать сайт по-разному. На одном проект может хорошо отображаться, а на другом криво.
Например, мы вставили какую-то рамку. В одном браузере, она может отображаться хорошо. Однако в другом, она может быть кривой, слишком большой или вовсе, отсутствовать.
Поэтому важно чтобы во всех программах просмотр ресурса был максимально одинаков и удобен. Но к сожалению, не все браузеры одинаково отображают элементы и стили сайта.
Чтобы решить этот вопрос с разным отображением стилей, были созданы специальные CSS хаки. Это особые селекторы, которые воспринимаются определенным браузером и игнорируются другими.
Ниже я дам вам несколько примеров. Однако самым наилучшим вариантом будет отказ от подключения разных css стилей для различных браузеров. Старайтесь делать единые стили для всех браузеров.
Это сложно, но возможно!
Но если все получится, то это будет большим плюсом. Ваш проект будет хорошо отображаться во всех браузерах. Даже в тех, о которых вы могли и не знать.
Чтобы этого добиться, рекомендую не усложнять проекты. Добавляйте только то, что действительно, необходимо. Еще обращайте внимание на валидацию кода. Ведь правильный тип документа имеет большое значение в согласованной работе браузеров.
CSS хаки
Вот несколько примеров css хаков для Internet Explorer.
Браузер IE может воспринимать код, который находится в комментариях. Поэтому если у вас не получился вариант выше, то можно использовать такое решение:
Вместо 7 указываем предпочтительную версию IE.
Также в теге head можно дополнительно отдельным файлом подключить css к html. Тут тоже вставляем код между комментариями.
Хак для Mozila Firefox:
Асинхронная загрузка CSS
При асинхронной загрузки CSS браузер не приостанавливает рендер всего, что расположено под строкой подключения файла до того, как сам файл не будет распарсен.
Это может существенно ускорить загрузку сайта. Особенно на мобильных устройствах.
В общем, при обычной загрузке, браузер не отобразит страницу, пока не обработает информацию о макете и стиле. Из-за чего сама страница будет загружаться дольше обычного. Ниже я покажу, как это можно исправить.
Используем внутренние стили
Можно вставить внутренние стили для первого экрана на сайте. А уже ниже подключать отельный файл css.
Таким образом, при первом заходе пока страница подгружается пользователь не увидит один ее скелет. Ну а дальше при обработке страницы, браузер с тега body полностью загрузит все стили и скрипты.
Еще такой метод можно использовать если нужно загружать лишь небольшой кусок стилей. Во-первых, будет меньше вероятности ошибиться. Во-вторых, сам html файл не будет слишком большим. Если же нужно будет вставить большой кусок стилей, то это может сильно увеличить вес страницы.
Объединение файлов
Еще один способ ускорить загрузку страницы, это объединение файлов стилей в один общий. Так браузер тоже сможет быстрее обработать страницу.
Самое простое, это перенести все необходимые стили с других файлов в один. Или же можно через @import попробовать в самом файле css подключать другие стили.
Но на это может уйти немного больше времени. Поэтому лучше, когда все стили прописаны в одном общем файле.
Заключение
Теперь вы знаете, как подключить html к css. Для этой задачи есть несколько вариантов решения. Подключение отельным файлом css будет вашим основным вариантом. Ведь как правило файл стилей тоже не маленький. Поэтому будет не разумно писать все прямо в html.
Есть еще и другие способы подключения. Используйте их только как дополнительный вариант.
В общем, как дополнительный вариант, вам может пригодится использование встроенных или внутренних стилей. Это очень полезно если нужно стилизовать какой-то элемент на определенной странице и при этом не затрагивать основной файл css.
Страница не видит css на локальном сервере
Ошибка на локальном сервере
Здравствуйте всем, при открытии на локальном сервере выкидывает такую ошибку » Warning.
На локальном сервере не подключаются стили
Самое интересное, что основные стили (основного сайта) отлично загружены, а стили административной.
Разваливается верстка на локальном сервере.
Приветствую! Я делаю сайт, используя локальный Denwer. В какой-то момент у меня развалилась.
если подробней расписывать:
DocumentRoot «/var/www/html»
в html лежит папка сайта site01 и в ней уже index.html
просто из браузера работает такое подключение
zuluss, еще нужны файлы или сообщения выше достаточно?
Добавлено через 1 минуту
Fedor92, пробовал.
Вложения
| site01-1.zip (1.62 Мб, 8 просмотров) |
Fedor92, буду разбираться с правами. для меня это пока темный лес
zuluss, нет open server-а под линуксом и вообще ничего подобного нет. к сожалению, приходится работать на линусовой машине, так что облегчить себе жизнь не получится.
но спасибо вам, хотя бы теперь знаю в какой области проблема
JSP страница не видит css файлы при деплое в tomcat
Есть обычный веб проект на Spring MVC, в папку WEB-INF/views положил свою jsp страницу со всеми.
JS работает медленно на сервере. На локальном сервере быстро. В чём разница
Вечер добрый Сайт уже загрузил все JS/CSS/HTML. И после этого начинаются лаги. При открытие.
Кодировка на локальном сервере
тестирую сайт на локальном сервере и возникла проблема.. в БД везде проставлена кодировка.
Сайт на локальном сервере
Здравствуйте! Есть сайт скаченный с хостинга, сайт готовый и работает, но вся беда в том, что при.
Как подключить CSS файл к HTML странице?
Пока стили CSS не подключить к HTML странице, никакого эффекта от их использования не будет. Существует несколько способов, как это можно сделать.
Для тех, кто любит смотреть в формате видео.
Для тех, кто любит читать, инструкция ниже.
Для того, чтобы продемонстрировать, как работает каждый из этих способов, возьмем, для примера, html-файл со следующим содержимым.
Задача стилей CSS, которые будут подключаться, сделать элемент абзаца
Во всех примерах, результат на веб-странице будет один и тот же. Вы увидите вот такой красный абзац текста.
1 вариант. Внутри открывающего тега с помощью атрибута style.
Элементам на странице, которые располагаются внутри элемента body, можно добавить атрибут style. Значением этого атрибута могут быть свойства и значения CSS, которые должны будут применены к этому элементу.
Давайте посмотрим, как это работает на конкретном примере. Атрибут style добавлен для элемента
Обратите внимание, что в этом случае не нужно использовать селектор, т.к. элемент, к которому добавлены стили уже определен.
2 вариант. Внутри элемента style.
Еще один способ подключения стилей CSS, это воспользоваться элементом Документ без названия
