Почему внешний CSS не загружается в файл HTML?

Вот код:

  body {
        background-color: blueviolet;
    }
<!DOCTYPE html>
<html>
    <head>
    <title>CSS Practice</title>
    <link href="Sheet.css" rel="Sheet">
    </head>
    <body>
        <p>
            That is a Test For You
        </p>
    </body>
</html>

Но когда я загружаю HTML, я не вижу изменений, которые должен внести CSS, я не смог найти для этого решения.


frontend html css
person Mark Smith    schedule 03.07.2021    source источник
comment
Проверьте, находится ли файл .css в том же каталоге, что и файл .html. Если это не так, попробуйте изменить href="./Sheet.css"   -  person Visal Rajapakse    schedule 03.07.2021
comment
Тогда причина может быть в другом. Но лист определенно не является допустимым значением для отн. Есть ошибки 404 на консоли?   -  person Ayus Mohanty    schedule 03.07.2021
comment
И попробуйте жестко обновить   -  person Ayus Mohanty    schedule 03.07.2021
comment
Проверил, проблема была в rel части   -  person Mark Smith    schedule 03.07.2021
comment
Отвечает ли это на ваш вопрос? Добавление внешнего CSS в файл HTML   -  person Ivar    schedule 04.07.2021
comment
@Ivar К сожалению, нет, я уже получил ответ   -  person Mark Smith    schedule 16.07.2021
comment
@MarkSmith Ответ, который вы приняли, говорит вам, что вы должны использовать rel="stylesheet", а это именно то, что использует связанный вопрос. Если бы вы попробовали это, это сработало бы для вас, и поэтому оно действительно отвечает на ваш вопрос. Наличие уже ответа здесь не имеет значения. Мы помечаем вопросы как повторяющиеся, чтобы весь соответствующий контент оставался в одном месте. См. Почему некоторые вопросы помечены как повторяющиеся?   -  person Ivar    schedule 16.07.2021

Ответы (2)


arrow_upward
3
arrow_downward

Так должно быть:

<link href="Sheet.css" rel="stylesheet">

Документ CSS определяется с помощью rel="stylesheet". О, и вам, возможно, придется очистить кеш.

Подробнее...

person Greenreader9    schedule 03.07.2021

arrow_upward
1
arrow_downward 

<link rel="stylesheet" href="style.css" >

Результат

person qwezxc789    schedule 03.07.2021
comment
спасибо, это сработало - person Mark Smith; 03.07.2021