Не подключаются стили css, что делать?

Закончил просмотр 20 урока по HTML/CSS, делал все точно по видео но стил не появляется.

10 раз у же всегда пере проверил, не работает.

Помогите.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="discription" 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 class="logo_text">
								<h1><a href="/">КиноМонстр</a></h1>
								<h2>Кино наша страсть!</h2>
						</div>

					</div>

			</div>

	</div>
	
</body>
</html>




.hedder  {
	background-color: darkslateblue;
	height: 177px;
	font-size: 0.8em;
	margin-left: 0px;
	margin-right:  0px;
	min-width: 900px;
}

.main, .logo, .menubar, .site_content, .footer {
	margin-left: auto;
    margin-right: auto;
}

.logo {
	width: 880px;
	padding-bottom: 40px;
}

html

css

1 ответов

В HTML коде написан класс header:

<div class="header">

В CSS коде нет класса с названием header, а есть класс hedder:

.hedder  {
	background-color: darkslateblue;
	height: 177px;
	font-size: 0.8em;
	margin-left: 0px;
	margin-right:  0px;
	min-width: 900px;
}

Это два разных класса, так не будет работать из-за этой опечатки.

Самое лучшее - это скачать исходный код (справа есть вкладка Файлы, там zip архив с кодом). Этот архив нужно распаковать на рабочий стол или еще куда-нибудь на комп и после распаковки файлов из архива, нужно запустить файл index.html. Все будет работать. Затем нужно сравнить оригинальный исходный код со своим и найти ошибки.