Почему браузер google chrome не отображает css стили?

почему браузер google chrome не отображает css стили код:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="description" content="КиноМонстр- это портал о кино">
<meta name="keywords" content="фильмы, фильмы онлайн, hd" />
<link rel="stylesheet" href="stylles.css">
</head>
<body>

<div class="main">

<div class="header">

<div class="logo">

<div class="logo_text">
<h1><a href="/">КиноМонстр</a></h1>
<h2>Кино наша страсть!</h2>
stylles:

.header {
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;
}


</div>
</div>
</div>

</div>

</body>
</html>

файлы:

kinomonster

index.html

stylles.css

html

css

1 ответов

1. Нужно убрать из html кода:

stylles:

.header {
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;
}

Оставь только:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Document</title>
        <meta name="description" content="КиноМонстр- это портал о кино" />
        <meta name="keywords" content="фильмы, фильмы онлайн, hd" />
        <link rel="stylesheet" href="stylles.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>

Потом открой в Google Chrome через клавиши ctrl и U (правой кнопкой мыши View page source) и нажми на:

<link rel="stylesheet" href="stylles.css" />

Если в новой вкладке корректно открылся файл, тогда через CTRL и F5 нужно перезагрузить страницу в браузере (страницу index.html), а если браузер говорит, что страницы не существует, нужно проверить имя в ссылке и имя физического файла должно совпадать и путь тоже.

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