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

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

  • автор:

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

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

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

4 years ago

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

.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

4 years ago

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

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

4 years ago

    КиноМонстр     

КиноМонстр

Кино - наша страсть!

.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

4 years ago

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

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

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

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

.main, .logo, .menubar, .size_content, .foother,

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

html файл не видит css документа ну или просто не читает его [закрыт]

Закрыт. Этот вопрос не по теме. Ответы на него в данный момент не принимаются.

Вопросы с просьбами помочь с отладкой («почему этот код не работает?») должны включать желаемое поведение, конкретную проблему или ошибку и минимальный код для её воспроизведения прямо в вопросе. Вопросы без явного описания проблемы бесполезны для остальных посетителей. См. Как создать минимальный, самодостаточный и воспроизводимый пример.

Закрыт 3 года назад .

html code css code Пробовал перекидывать из папки с русскими символами в папку без

Как подключить 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 из другой папки

Этот файл не видит файл стилей. Пробовал разные варианты — результат один и тот же.

Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

HTML не видит файл CSS
Всем привет! Друзья, очень нужна помощь. Я начинающий программист , только изучаю всё. Решил.

Html не видит класс CSS
Здравствуйте! Я пытаюсь сделать выдвигающийся список. Элементы списка должны быть находится поверх.

HTML файл не видит CSS стилей
Всем привет. Имеются 2 HTML-файла с блочной версткой, оба они индеентичны, разве что контент в них.

Старые добрые HTML и CSS или новые HTML 5 и CSS 3?
Здравствуйте ) Дело собственно вот в чем. Я хочу на лето заняться изучением создания сайтов. .

Эксперт HTML/CSS

2964 / 2593 / 1068
Регистрация: 15.12.2012
Сообщений: 9,832
Записей в блоге: 11

Лучший ответ

Сообщение было отмечено Artmal как решение

Решение

И такой пробовали?

link rel="stylesheet" href="../styles/RegistrationPageStyles.css" type="text/css">

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

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