Html не работают стили 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 часто бывает такой глюк: даже после очистки кеша сайт отображается неправильно. Берешь телефон друга, открываешь на нем сайт — там изменения применены. А на твоем телефоне, даже после очистки истории — нет.Вообще для проверки изменения в стилях удобно использовать режим инкогнито, в нем браузер не сохраняет кешированные версии сайта у себя в памяти, а все время делает загрузку с веб сервера.

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

Источник

Почему не работают CSS-стили?

Приветствую вас на сайте Impuls-Web!

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

Навигация по статье:

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

Кэширование браузера

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

Дело в том, что этот браузер по умолчанию кэширует все css-стили сайта. Поэтому очень часто, после внесения изменений, при просмотре страницы в браузере Google Chrome нужно либо несколько раз обновить страницу, чтобы изменения вступили в силу, либо очистить кэш браузера.

Кэш браузера здесь очищается следующим образом:

1. 1. В правом верхнем углу находим значок с тремя точками и открываем меню настроек Google Chrome
2. 2. Находим пункт «История» =>«История»

Во всех других браузерах кэш чистится аналогичным образом.

Кэширование на хостинге или на сайте

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

Ошибки в коде

Следующая ситуация, когда стили могут не срабатывать – это ошибки в коде. Особенно это актуально в тех случаях, если вы вносите изменения через встроенный редактор WordPress. Здесь нет подсветки кода и какую-то ошибку в написании того или иного css-свойства очень легко не заметить.

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

Не правильно выбранный селектор

Для тех, кто еще не знает, селекторами в css называются та часть кода (те строки), через которые происходит выборка или обращение к тому или иному элементу. Это либо название класса, либо название идентификатора, либо название какого-то html-тега, для которого вы хотите применить определенные стили.

Как же всё таки определить правильно ли вы указали селектор или нет?

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

К примеру, я хочу изменить стили для блока на сайте.

1. Для начала мне нужно вычислить его класс или идентификатор. При помощи инспектирование кода определяю что блок имеет класс site-branding.

Источник

Не работаю стили CSS

Помощь в написании контрольных, курсовых и дипломных работ здесь.

css стили
На странице выводятся две конструкции 1)

Css стили
Что нужно прописать ,чтобы картинка встала в отмеченной области? Html не предлагать ,так как нужна.

Стили в CSS
Добрый вечер. Я новичек в CSS и мне от Вас нужна очень небольшая помощь. body < font-family.

Если вы перенесли страницу в другую папку, то очевидно, что путь к css указан не верно.

Добавлено через 2 минуты
Либо же продемонстрируйте кодом как вы подключаете css к файлу.

Все работает отлично, но стоит мне перенести файл index.html в созданную папку под названием Lop (в корневой папке), как все перестает работать.

Добавлено через 5 минут
P.s И да, если закинуть папку css в которой находиться файл stylesheet.css, в папку Lop — то все стили начинают работать.

Решение

Сусанин_ Иван, вам правильно подсказали. Прописывайте путь к файлу со стилями корректно.

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

При перемещении index.html в папку Lop, находящуюся в корне сайта Saite, мы должны изменить путь к стилям. Он станет следующим

Не отображается CSS стили
писал сайт в html,все работает корректно,но после отправке на сервер, css стили не работает.Что.

Не применяются CSS-стили
Почему не работают стили для .text-index на экране 1920х1080px? .

Не применяются стили Css
Помогите разобраться почему не применяются стили к первому input в форме регистрации (Email).

Не подключаются стили CSS
Вот начал верстать макет, но не могу понять почему таблица стилей не подключилась, вот участок кода.

Источник

Не работают CSS-стили с PHP

Есть файл index.php. В нем есть код на самом php, а также html код. И файл со стилями style.css в одной директории что и index.php

Вот код файла index.php

Код css стилей сбрасывать не буду, но в общем любая манипуляция там игнорируется web — страницей.

P.S если что, то файлы лежат на OpenServer в папке domains/test.ru

4 ответа 4

Блиан, запрещает оставлять комментарии из за малой репутации. В общем я оформил html как нужно и у меня стили применились. Однако опять же, как только я изменил в стилях шрифт, новый размер шрифта не применился. Так же создал папку css и туда положил файл style.css путь теперь прописываю так: href=»/css/style.css»

В любых подобных ситуациях следует для начала полностью обновить страницу ( Ctrl+F5 , а не просто F5 ). Тогда все стили и прочее загрузятся заново даже если они закешированы.

Если не поможет стоит включить в браузере инструменты разработчика ( F12 а FireFox и Chrom), перейти на вкладку «Сеть» и, опять же, полностью форсированно обновить страницу ( Ctrl+F5 ). Посмотрите загружается-ли файл стилей, там-же можно посмотреть его содержимое (возможно, по какой-либо причине оно не соответствует ожиданиям)

Источник