鏈接到CSS樣式表
[英]Linking to a CSS stylesheet
問題描述
我是一個html的新手，肯定是CSS。 我正在從使用CSS，XHTML和JavaScript的基礎網站創建這本書中學習，我在這個問題的時候已經知道了這個，但仍然希望我可以幫助很多人。 這是我的標記：
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>Welcome to Papa Pepperoncini's</title>
<link href="C:\Users\Kevin Turner\Desktop\html\indexcss.css" rel="stylesheet" type="text/css"/>
</head>
為什么我的樣式表沒有鏈接？ 我可以建立這個鏈接嗎？ 我該怎么辦？ 我相信它在Chrome中有效，但在IE或Firefox中沒有，也許你可以幫我理解這一點。
謝謝，凱文
5 個解決方案
解決方案1
2 2014-04-26 14:54:03
不要使用C:\\Users\\Kevin Turner\\Desktop\\html\\indexcss.css 。 這不是正確的URL。 通常您使用相對URL路徑。 如果包含css的文件位於同一目錄中，則只需寫入文件名即可。
如果文件與html文件位於同一目錄（文件夾）中，則此方法應該有效：
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>Welcome to Papa Pepperoncini's</title>
<link href="indexcss.css" rel="stylesheet" type="text/css"/>
</head>
要解釋relative URL path是什么，想象一下你有一個像這樣的文件夾結構：
--- html/
----- index.html
----- css/
------- maincss.css
並且您希望在index.html包含maincss.css -file。 然后你要做<link rel="stylesheet" type="text/css" href="css/maincss.css" /> 。 因為maincss.css位於css/目錄（文件夾）中，它與您所在的目錄（ html/ ）相關。
您可以使用file:///c:/Users/Kevin%20Turner/Desktop/html/indexcss.css 來源 。 但是， 只有當css文件位於您正在加載頁面的計算機上時！
所以。 如果CSS文件與包含它的文件（可能是index.html ）位於同一目錄中，那么您的代碼將是：
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>Welcome to Papa Pepperoncini's</title>
<link href="indexcss.css" rel="stylesheet" type="text/css"/>
</head>
而另一個， file:/// URI和文件位於加載html頁面的計算機上，看起來像
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>Welcome to Papa Pepperoncini's</title>
<link href="file:///c:/Users/Kevin%20Turner/Desktop/html/indexcss.css" rel="stylesheet" type="text/css"/>
</head>
解決方案2
0 2014-04-26 14:55:25
標准CSS鏈接聲明如下：
<head> <link rel = "stylesheet" type = "text/css" href = "cssdoc.css"> </head
您輸入的路徑可能有問題。 將來，請考慮同時使用您正在編輯的HTML文檔。 和桌面上的CSS文檔（或只是在同一個文件夾中）。 這樣你就不必每次都輸入完整的路徑（假設你只是使用一個簡單的類似記事本的編輯器）
解決方案3
0 2014-04-26 14:56:55
在您的本地URL類型file:///
解決方案4
0 2014-04-26 14:57:47
由於您的文件存儲在本地，請確保使用file:/// URI方案：
<link rel="stylesheet" type="text/css" href="file:///C:\Users\Kevin Turner\Desktop\html\indexcss.css" />
還是行不通？
某些（或大多數？）瀏覽器阻止訪問本地文件系統，即使網頁本身在本地運行也是如此。 這是一種防止網頁訪問和修改本地文件的安全措施。
例如，Chrome會返回錯誤，說明Not allowed to load local resource 。 要在Windows上修復此問題，您必須使用--allow-file-access-from-files標志啟動Chrome。 只需關閉Chrome，右鍵單擊並修改快捷方式，在快捷方式目標末尾添加標記即可。 所以你的目標是這樣的： C:\\path\\to\\chrome\\chrome.exe --allow-file-access-from-files 。 這將允許Chrome訪問您的本地樣式表。
解決方案5
0 2014-04-26 15:13:21
您不應該鏈接到本地文件，因為在您的實時網站上這不起作用。 即使您的文件系統設置方式相同，HTTP服務器也可能無法提供服務。 它還取決於您在本地（通過服務器或僅使用文件）提供HTML的方式。
無論如何，您應該鏈接到相對於html文件的CSS文件，或者最好是文檔根目錄（為您的網站文件提供服務的文件夾）。 如果你能找出你的文檔根目錄，你可以使用：
<link href="/indexcss.css">
...假設你的文檔根目錄是這樣的
C:\Users\Kevin Turner\Desktop\html\
如果您的html文件（帶有<head> ）與indexcss.css位於同一文件夾中，則可以使用
<link href="indexcss.css">
確保您了解文檔根目錄和相對/絕對路徑。
鏈接 CSS 樣式表不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.