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

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

  • автор:

Как подключить CSS файл к HTML странице?

Пока стили CSS не подключить к HTML странице, никакого эффекта от их использования не будет. Существует несколько способов, как это можно сделать.

Для тех, кто любит смотреть в формате видео.

Для тех, кто любит читать, инструкция ниже.

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

Задача стилей CSS, которые будут подключаться, сделать элемент абзаца

красным цветом.

    Документ без названия   

Абзац

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

1 вариант. Внутри открывающего тега с помощью атрибута style.

Элементам на странице, которые располагаются внутри элемента body, можно добавить атрибут style. Значением этого атрибута могут быть свойства и значения CSS, которые должны будут применены к этому элементу.

Давайте посмотрим, как это работает на конкретном примере. Атрибут style добавлен для элемента

.

    Документ без названия   

Абзац

Обратите внимание, что в этом случае не нужно использовать селектор, т.к. элемент, к которому добавлены стили уже определен.

2 вариант. Внутри элемента style.

Еще один способ подключения стилей CSS, это воспользоваться элементом с атрибутом type=»text/css». Указание этого атрибута обязательно.

Давайте посмотрим, как это выглядит на конкретном примере.

    p  Документ без названия   

Абзац

3 вариант. Подключение внешнего файла стилей.

И последний вариант подключения стилей CSS является использование элемента link, который позволяет подключать к HTML странице внешние файлы.

Обратите внимание на атрибуты, которые указываются у этого элемента.

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

     Документ без названия   

Абзац

Файл style.css содержит следующих код:

Эти 3 способа подключения стилей CSS очень часто используются на практике. Советую вам поэкспериментировать с этими примерами на своем компьютере. В будущем, это вам очень сильно пригодиться.

Больше моих уроков по HTML, CSS и верстке сайтов здесь.

Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:

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

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

15 ответов

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

Может кэширование? Попробуйте в другом браузере открыть

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

Помогите пожалуйста!

код длинный. файлы: здесь файл style.css — C:\xampp\htdocs\Khvoya\assets\css файл rand_otzyvy.php в корне, то есть — C:\xampp\htdocs\Khvoya

Хвоя -->
-->
-->
-->
-->
PreviousNext

Хвоя - лавка натуральной косметики

Для вас я отобрала ДЕЙСТВИТЕЛЬНО НАТУРАЛЬНУЮ авторскую косметику!

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

Вся косметика имеет декларации качества!

Слово "натуральное" для меня - не просто маркетинговый ход или веяние моды.

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

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

И я рада и горжусь тем, что являюсь представителем таких наших российских марок, как Мастерская Олеси Мустаевой, Краснополянская косметика, Levrana, Mi&ko, Мыловарня Романовых, Лавандовый край и др.

Производимая нашими брендами натуральная косметика очень разнообразна, качественна и эффективна.

Преимущества нашей действительно натуральной косметики:

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

Отзывы

-->
О НАС

Хвоя – магазин натуральной косметики российских брендов.

Мастерская Олеси Мустаевой,Леврана, Мыловарня Романовых, Краснополянская Косметика, Mi&Ko, Лавандовый край

Доставляем по Новочеркасску и всей России.

НАШИ КОНТАКТЫ

г.Новочеркасск, ТЦ "Лента"

Лавка натуральной косметики "Хвоя"

тел. 8-988-575-68-54

e-mail

ПН-ВС: 10:00-21:00

Вы можете отправить нам Ваши отзывы или пожелания

Мы в соцсетях

игвк

тел. 8-988-575-68-54

e-mail

ПН-ВС: 10:00-21:00

игвк

Браузер не видит CSS

Здравствуйте! У меня появилась проблема- браузер не видит CSS. При запуске кода в браузере отображается только html, css не отображается. Файлы друг к другу привязаны, ошибок в коде нет, я пробываал запускать код в Яндексе, Хроме, Мозилле и не где не работает. Заранее спасибо за ответ.

1 ответов

Открывай панель разработчика через Ф12, вкладку нетворк и смотри ошибки, скорее всего или путь неправильно указан(место хранения файла стилей) или ошибка в названии, проверь по буквам что прописал в линке и как называется сисс файл

Sign up or Log in to write an answer

  • Интерактивные уроки и курсы программирования и создания сайтов (дистанционное обучение) помогут вам в игровой форме изучить основы языков программирования веб-разработки и веб-программирования с нуля. Обучение онлайн 24/7.

Общие ссылки

  • Отзывы
  • Политика конфидециальности
  • Условия использования
  • Блог
  • Цена и оплата
  • Курсы и скринкасты
  • Сертификаты
  • Партнерская программа
  • Комьюнити

Наши курсы и скринкасты

  • HTML/CSS Advanced
  • Bootstrap 4
  • Vue JS
  • Linux, GIT and web-hosting
  • HTML and CSS
  • Modern Javascript
  • Javascript/jQuery
  • Codeigniter
  • Все курсы и скринкасты

Вопрос по html и css. Браузер не видит .css правил.

Вообщем в файле .css задаю правила параметру footer ( только footer ), но браузер их как-будто не видит ( если нажать просмотр кода элемента там этого не будет ) если прописать в ручную в браузере все работает. Что делать?

Лучший ответ

Возможные причины:
1) не подключен css-файл
2) неправильно указан путь к css-файлу
3) синтаксические ошибки в css файле — чаще всего неправильное написание классов или свойств, отсутствие где-то ; или незакрытые скобки >

Остальные ответы

а в других браузерах как?

Кто-то Кто-товичЗнаток (389) 6 лет назад

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

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