CSS內部VS外部樣式表

我創建一個網頁，我就開始使用的樣式標籤頂部：CSS內部VS外部樣式表

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Front Page</title> 
    <link rel="stylesheet" type="text/css" href="CSS/Styles.css" /> 

    <style type="text/css"> 
    </style> 
</head> 
<body> 
</body> 
</html>

我希望我所有的圖形設計是在我的Styles.css中但對於一些原因，它只是不起作用。當我添加類似：

div.box { 
     margin:0 auto; 
     width:500px; 
     background:#222; 
     position:relative; 
     left: 50px; 
     top: -200px; 
     height: 100%; 
     border:1px solid #262626; 
     padding: 0 5px 5px 0; 
    }

設計這個元素：

<div class="box"></div>

它的工作原理，當我把它的標籤，文檔上方，但如果我把不是在CSS文件。這不是一個問題，但現在我已經將所有東西都添加到了style標籤中，並且它變得非常長（150行！）。我想把它全部移到CSS文件，所以我的主頁有較少的滾動。但我不明白爲什麼圖形更改不適用如果放在CSS文件。有任何想法嗎？

來源

2012-09-28 Michael Benneton

您的路徑很可能是錯誤的。檢查網絡選項卡中的檢查員（Chrome）或螢火蟲（firefox），以查看它是否正確提取。 –

@MadaraUchiha使用鉻，所以我按F12，然後我在哪裏看完全？ –

Netowrk標籤頁：http：//i.stack.imgur.com/GGRG2.png。搜索你的CSS文件，並查看它的狀態是否爲200 OK，如果沒有，問題就在那裏。 –

如果你的CSS文件的路徑是正常的，有幾件事情可能發生：

這可能是因爲你只需要清除緩存。 CTRL + F5通常會這樣做。訪問您網站的新用戶不需要這樣做。
您可能有錯別字，或者忘記用;關閉上面的語句，請檢查該錯誤。
這可能是一個特殊問題，即另一個規則，更具體的是重寫您的規則。 Read about it here。

來源

2012-09-28 19:25:45

您是否使用區分大小寫的文件系統（Linux）？您的路線CSS/Styles.css需要完全正確。此外，它是相對於頁面和<basepath/>。嘗試使用絕對URL來排除路徑問題。

如果您沒有路徑問題，那麼您可能會意外地在CSS文件的某個地方犯了一個錯字，導致您的規則被錯過。

如果你的CSS文件是好的，那麼你的瀏覽器可能會緩存一箇舊版本。您是否嘗試清除緩存？

來源

2012-09-28 19:16:28 jimp

奇怪的是，我知道這不是路徑問題，因爲css文件中的一些內容適用於各個元素。任何想法爲什麼會發生？ –

這聽起來像你的CSS文件中有一個錯字，規則處理提前結束。仔細檢查一下你的CSS文件是否有正確的語法？ – jimp

當它在樣式標籤中並且工作時，我只是簡單地將其粘貼到css文件中。它不應該仍然工作？ –

CSS內部VS外部樣式表

回答

相關問題