Все как в уроке сделано, а браузер не отображает изменений, как исправить?

student_wYLSRAdd4 октября 2019 г.15 ответов

Урок 20

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

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

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

15 ответов

Вижу ошибку в подключении CSS-файла style.css

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

Должно быть не gref, а href

student_Y7yoWdC727 июня 2026 г.▲ 1

1. Нужно открыть index.html в браузере и нажать на ctrl + u (или правой кнопкой мыши на странице кликнуть и выбрать Показать исходный код)

2. В исходном коде найти <link rel="stylesheet" href="assets/css/style.css"/> и кликнуть на assets/css/style.css

3. Если открывается файл assets/css/style.css в браузере по клику, значит нужно попробовать открыть сайт в приватном режиме браузера (ctrl + shift + n) и если сайт корректно отображается, тогда в обычном режиме браузера страница закешировалась (браузер запоминает файлы и повторно их не загружает для ускорения повторной загрузки страниц). Чтобы в обычном режиме браузера сбросить кеш для страницы, нужно нажать на ctrl + f5 и сайт будет нормально отображаться с загруженными стилями.

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

student_Y7yoWdC727 июня 2026 г.▲ 1

здравствуйте! я нашел решение к этой проблеме, заходите в папку, где находится документ style.css, нажимаете по ней ПКМ и свойства, копируете расположение файла и ставите в LInk. Должно получится что-то вроде этого-

Максиим Саид27 июня 2026 г.▲ 1

Покажите полностью код HTML и код CSS.

Пока вижу опечатку в названии класса sait_content, должен быть site_content.

Виталий Клемчук27 июня 2026 г.

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



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

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

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