1

所以我不完全确定这里到底发生了什么。我相当肯定我的所有编码都是正确的,但由于某种原因,它没有在网页上正确显示。这是我的代码列表,甚至是正在发生的事情的屏幕截图。谷歌浏览器甚至显示它收到了代码,但显然没有显示。

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

4

2 回答 2

2

您发布的屏幕截图看起来与您的 CSS 应该生成的完全一样。

如果您打算使文本居中,请尝试添加text-align: center;到您的body规则中。

如果这不是您的意图,那么您可能会color混淆background-color. color更改文本,同时background-color更改背景颜色。

于 2013-10-01T17:43:13.840 回答
0

当您访问您的 css 文件时,它应该是 ../ 而不是 ./

<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">
于 2013-10-01T17:40:21.187 回答