無論如何鏈接我的樣式表,結果頁面都保持不變。 HTML:將CSS鏈接到HTML文件:路徑說明
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
test test test
</body>
</html>
CSS:
@charset "UTF-8";
body {
background-color: #f25f29;
}
這兩個文件位於同一文件夾中,這是test
的XAMPP htdocs
文件夾內。帶有樣式表的另一個網站,我從htdocs
裏的另一個子文件夾中取得的書很好。 (我試圖找出錯誤的基礎上,工作一個自己的網頁,但我無法找到它)
我已經嘗試了以下幾件事:
- 不同的路徑
style.css
./style.css
/opt/lampp/htdocs/test/style.css
file://opt/lampp/htdocs/test/style.css
/test/style.css
(因爲我猜本地主機需要的htdocs爲根目錄)file://test/style.css
- 使用
/>
關閉鏈接,而不是匹配CSS和HTML文件charset
符(全部爲大寫) >
- 在鏈接名稱和右括號之間插入空格
sudo chmod 777 *
在測試文件夾內(更改爲i丁字褲爲644)- 重新啓動XAMPP
- 省略
type="text/css"
規範 - 四倍檢查樣式表的名稱和路徑
- 我已經受夠了從未封閉在
<style>
標籤也總是用 - 直引號而不是「斜體」
上面給出的版本是另一種情況下的版本。
編輯:清除緩存修復它,如評論中所建議的。
你有沒有試過清除緩存?在我沒有更新我的樣式表時,我遇到了這個問題。我清除了緩存,它工作。 – Granny
你看過你的開發工具嗎?檢查網絡標籤以查看樣式表是否被抓取,以及在什麼URL。 – Salketer
https://jsfiddle.net/x6x3bcxw/一切正常,你可以給一個完整的CSS和HTML? –