Поэтому я не совсем уверен, что именно происходит здесь. Я абсолютно уверен, что все мое кодирование верное, но по какой-то причине оно не отображается правильно на веб-странице. Вот список моего кода и даже экранный снимок того, что происходит. Google Chrome даже показывает, что он получил код, но он явно не отображается.
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Add Artec Racer</title>
<link rel="stylesheet" type="text/css" href="./css/main.css">
</head>
<body>
<div class="main">
<h1>Some Information</h1>
</div>
</body>
</html>
CSS:
body
{
color: #000000;
}
body div.main
{
color: #202020;
width: 1000px;
margin: auto;
}
Любая помощь будет фантастической, но вот картина для того, что я вижу. Я запускаю Linux Mint, Apache 2, MySQL и PHP5. Я перезапустил Apache без изменения результата. Вот что я вижу:
http://i169.photobucket.com/albums/u209/eowdaemon/ChromeIssue.png
Представленный вами скриншот выглядит точно так же, как то, что должен делать ваш CSS.
Если вы намереваетесь иметь центрированный текст, попробуйте добавить text-align: center;
к правилу вашего body
.
Если это не ваше намерение, возможно, вы смешиваете color
с background-color
. color
меняет текст, а background-color
меняет цвет фона.
Когда вы переходите на доступ к вашему файлу css, это должно быть.. /not./
<link rel="stylesheet" type="text/css" href="./css/main.css">
/*in the href, it should be:*/
<link rel="stylesheet" type="text/css" href="../css/main.css">
color
из классаbody
. Добавьте классdiv.main h1
и укажите тамcolor
. Добавьте!important
дляcolor: #202020
.