2013-09-26 33 views
-2

我有一個相當簡單的HTML文件,我在本地服務器上運行,因爲它很快就會變成一個PHP文件。但是,當我從服務器運行它時,CSS不會顯示在頁面上。在網頁瀏覽器中打開index.html文件顯示它很好。CSS在本地服務器上不顯示HTML文件

HTML文件:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    <meta name="description" content="Content goes here"/> 

</head> 
<body> 

    <div class="header"> 
     <div class="logo"> 
      <a href="http://Link.com"><img src="images/logo.png"/></a> 
     </div> 
     <div class="navigation"> 
      <ul> 
       <li> 
        <a href="mailto:[email protected]"> 
         <img src="images/email.png"/> 
        </a> 
       </li> 
       <li> 
        <a href="http://Twitter.com/link"> 
         <img src="images/twitter.png"/> 
        </a> 
       </li> 
      </ul> 
     </div> 
    </div> 
</body> 
</html> 

CSS文件:

.header { 
    width: 700px; 
    margin: 0 auto; 
    margin-top: 25px; 
    margin-bottom: 25px; 
    height: 61px; 
} 

    .logo { 
     float: left; 
     margin-top: 10px; 
    } 

    .navigation { 
     float: right; 
    } 

     .navigation li { 
      width:60px; 
      height:60px; 
      float:left; 
      margin-left:14px; 
      border-radius:30px; 
     } 

     .navigation li a { 
      width:60px; 
      height:60px; 
      float:left; 
      background-color:#576f85; 
      border-radius:30px; 
     } 

     .navigation li a img { 
      padding-left:14px; 
      padding-top:14px; 
      padding-right:14px; 
      padding-bottom:14px; 
     } 
+1

您是否包含CSS文件? – Pupil

+0

你的目錄文件結構是什麼? 「CSS」文件與「HTML」文件在同一個文件夾中,還是其他類似於「css/style.css」的文件? –

+0

檢查控制檯。也許你的'css'路徑是錯誤的。 __AND這個問題與php有什麼關係?__ – itachi

回答

1

按Ctrl + Shift + del,並從您的瀏覽器中刪除所有緩存:)我曾經有一段時間讓css工作wi

0

包括CSS文件是這樣的:

<head> 
<link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head> 
+0

我剝去了一切不必要的東西,並且意外地拿走了那條線。它現在回來了,但仍然不起作用。 – Andrew

+0

你有上傳css文件通過服務器? –

0

我會假設你已經包含在HTML中的CSS原本,在您的瀏覽器(本地)中查看它,然後將其移至單獨的.css文件,並忘記將鏈接包含爲根據hitchdiddy的回答。

現在,當您在本地服務器上查看它時,它無法找到CSS,但較早的頁面已被本地頁面的瀏覽器緩存,這就是爲什麼直接查看時仍能看到樣式的原因。

+0

不是。嘗試在Firefox中(數週內未打開)。它在Firefox中工作。 – Andrew

相關問題