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

Подскажите плз,в чем может быть причина?

делал все как на видео

в файле css проверил все сохранилось

тип документа тоже проверял

задание#20

html

css

10 ответов

Попробуйте такие варианты:

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

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

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

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

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

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

<div class="<header>">

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

<div class="header">

либо так:

<header>

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

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

.main, .logo, .menubar, .size_content, .foother,{
margin-left: auto;
margin-right: auto;
}

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

Глубже не смотрел код.

Тема открыта год назад, но как актуальна. Спасибо за ответ с ctrl+u

не получается файл style.css привязать к файлу html , но в браузере при нажатии ctrl+u он есть , но не преобразовывается , я уже все перепробовал

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

.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

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>КиноМонстр</title>
<meta name="description" content="КиноМонстр - портал о кино"> 
<meta name="keywords" content="КиноМонстр,фильмы,кино,сериалы,hd">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="main">
<div class="<header>">
<div class="logo"></div>
<div class="logo_text"></div>
<h1><a href="/">КиноМонстр</a></h1>
<h2>Кино - наша страсть!</h2>


</div>


</div>

</body>
</html>

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{
font-size: 0.9em;
padding: 4px 0 0 0;
color: #999;
}

Спасибо,вы помогли постараюсь быть внимательнее

В видеоуроках этот момент рассматривается

Спасибо, оказалось что я файл с стилем не так назвал. В коде написал style.css а файл назвал stile.css