html файл не видит css документа ну или просто не читает его [закрыт]
Закрыт. Этот вопрос не по теме. Ответы на него в данный момент не принимаются.
Вопросы с просьбами помочь с отладкой («почему этот код не работает?») должны включать желаемое поведение, конкретную проблему или ошибку и минимальный код для её воспроизведения прямо в вопросе. Вопросы без явного описания проблемы бесполезны для остальных посетителей. См. Как создать минимальный, самодостаточный и воспроизводимый пример.
Закрыт 3 года назад .
Пробовал перекидывать из папки с русскими символами в папку без
Как подключить 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 и верстке сайтов здесь.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Почему html не видит css?
Структура:
- Вопрос задан более года назад
- 97 просмотров
4 комментария
Простой 4 комментария
Вадим @MrDecoy Куратор тега CSS
В инструментах разработчика на вкладке consol или network что?
vitya_brodov @vitya_brodov Автор вопроса
Вадим, consol (intelij idea)
Вадим @MrDecoy Куратор тега CSS
vitya_brodov, в браузерных dev tools
Ankhena @Ankhena Куратор тега CSS
Как эта штука у вас преобразовывается на готовой странице?
Пока подозрения вот такие:
1. Пытаетесь подключить scss
2. Написали путь от корня сайта
3. На скрине в дереве проекта файл стилей лежит в папке шрифтов, которая лежит в папке css.
Я бы тоже потерялся ©
Не подключается 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 он есть , но не преобразовывается , я уже все перепробовал
- файл проверил он есть (когда выполнил действие в браузере открылся файл этот)
- слеш поставил но не получилось получилось (т.е после того как поставил слеш заголовок сайта поднялся в самый вверх, когда его убрал, заголовок спустился чуть ниже, значит ссылка правильная
.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
Спасибо,вы помогли постараюсь быть внимательнее