Я обнаружил ошибку в google chrome Инструменты разработчика> Консоль ... "Не разрешено загружать локальный ресурс". Это может быть причиной того, что таблица стилей из "style. css" не применяется к странице HTML ("index. html"), с которой она связана, несмотря на использование абсолютного пути.
Оба файла находятся в одном каталоге. Я также попытался очистить данные просмотра (кэш), но это не решило проблему.
Кто-нибудь знает решение?
Файл "index. html":
<!DOCTYPE html>
<html>
<head>
<title>Table of Contents</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body >
<h1>Introduction</h1>
<h2>Whom this book is for?</h2>
<h2>Errata</h2>
<h1>Chapter 1</h1>
<h2>What you will learn in this chapter</h2>
<h2>Summary</h2>
<h1>Chapter 2</h1>
<h2>Recap</h2>
<h2>Conclusion</h2>
</body>
</html>
Файл "style. css":
body {
font-family: Verdana, Arial, sans-serif;
}
h1 {
color: white; background-color: navy;
}
h2 {
color: green; margin-left: 40px; border-bottom: 4px dotted black;
}