Мой CSS-файл не читается при загрузке. Нет стайлинга, только отдельные детали. Если я открою тег разработчика в Google Chrome, появится только половина кода CSS. Почему мой сайт избирательный и не принимает весь код?
Открытие тега разработчика в Chrome Я вижу только это:
body {
background-color: #A9A9A9
}
.ob {
display: block;
}
#gamebox {
position: static;
width: 99.6%;
height: 600px;
display: flex; /* using a flexbox here */
justify-content: center;
align-items: center;
}
Как видите, некоторые предметы отсутствуют ...
Я сделал очень простую страницу подкаталога, используя этот код:
body {
background-color: #A9A9A9
}
.ob {
display: block;
}
#gamebox {
display: table;
margin: 0 auto;
}
#title {
color: grey;
letter-spacing: 2px;
text-shadow: 3px 2px black;
font-size: 2em;
}
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="webnamecurveball.css">
<title>
Website name - Curveball
</title>
</head>
<body style="background-color: #A9A9A9">
<h3 id="title" style="text-align: center"> Curveball </h3>
<div id="gamebox">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="550" height="400">
<param name=movie value="curve-ball.swf">
<param name=quality value=high>
<param name="menu" value="false">
<embed src="curve-ball.swf" quality=high menu="false"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="550" height="400"> </embed></object>
</div>
</body>
Я ожидаю увидеть серый заголовок в верхней части страницы с тенями. Вот как это проявляется, когда я открываю файл локально. Однако на сайте заголовок выглядит как боль.