最近在使用php開發網站的過程中，遇到了一個奇怪的問題，外部CSS文件無法起到作用，研究了好一會兒才找到了解決方法。
在我的代碼中，經過檢查，所有的路徑、文件名都是正確的，并且在瀏覽器的開發者工具中也沒有發現任何錯誤。但是，無論如何我的CSS文件一直都無法被引用。
為了更好地查找問題所在，我在php文件中使用了pre標簽，將HTML代碼完整地輸出到了頁面上。這樣，在瀏覽器中可以清晰地看到引用CSS文件的HTML標簽是否存在問題。然而，仍然沒有找到任何問題。
<!DOCTYPE html> <html> <head> <title>測試</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>這是一篇測試文章</h1> <p>測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容測試內容。</p> </body> </html>
最終，在半天的排查之后，我發現問題根源出在PHP文件的編碼上。我使用的文本編輯器默認的編碼為ANSI，而我的CSS文件保存為UTF-8編碼，這導致PHP文件在讀取CSS文件時出現了亂碼，因此無法正常地解析CSS代碼。
解決這個問題非常簡單，在我代碼的
標簽中添加以下meta標簽即可：<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
經過這個小小的修改，我終于成功地引用了外部CSS文件，成功地解決了這個令人苦惱的問題。
上一篇php下輸出css
下一篇php修改css模式