2013-10-30 45 views
0

我試圖建立在崇高的文本編輯器2一個簡單的網站,但是,我的CSS文件不會鏈接到我的HTML文件,因此在打印純文本。我的HTML代碼是:我的CSS不會鏈接到我的HTML文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/  xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Christopher Olson</title> 
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,600,700" rel="stylesheet" /> 

<link rel="stylesheet" href="css/style.css" /> 

據我所知,最後一行應該鏈接CSS文件。

這是我有CSS的一部分:

body, input, textarea 
{ 
    font-family: 'Open Sans', sans-serif; 
    line-height: 1.85em; 
    color: #888; 
    font-weight: 300; 
} 

任何想法來解決?請幫助

編輯:我的標籤,我剛跑出房間後它

+0

你能告訴我們你的項目目錄結構嗎? – agconti

+0

提供的URL可能不正確。 –

+3

HTML鏈接不是反其道而行之。就像一個人站起來一樣。 –

回答

2

肯定是你的鏈接的href不正確。

5

你的路徑你的CSS文件可能是錯誤的。如果你是理智的你的CSS目錄的根目錄,以便您<link>或許應該是這樣的:

<link rel="stylesheet" href="/css/style.css" /> 
+0

只需按Ctrl-U和看穿瀏覽器自己的HTML源,然後單擊CSS鏈接,如果它不顯示烏爾CSS則缺少路徑 – anshuVersatile

+0

除了這樣的回答:使用像Firefox的Firebug的工具。使用Firebug上的「net」選項卡查看是否正在加載所有資源。我會用這個答案中的相對路徑作爲示例,那麼您不必過多擔心文件夾/文件結構。 –

0

我覺得你的href是錯誤的

您可以使用一個絕對的URL就像

嘗試
<link rel="stylesheet" href="http://..../css/style.css" /> 

你可以下載一個很不錯的插件的Firefox被稱爲「螢火蟲」,它告訴你當一些資源不能達到

+0

這不是任何一種有效的URL。 – sevenseacat

+0

它必須用他的url替換「....」,比如localhost。我想我很清楚:S – Troncador

1

鏈接到你的c ss文件將相對於您的html文件的位置。如果兩者的int同一目錄下,然後就包括了CSS文件的名稱,如果它是一個名爲「CSS」文件夾,並且該文件夾是在同一目錄中的HTML文件,然後你做「的CSS /」

0

將100%的工作,如果你的「呼叫」鏈接放置在HTML文件中。我遇到了同樣的問題,我唯一的工作就是將呼叫鏈接包含在.html和.css球疼中,但它可以工作

+0

這可能是一個簡單的評論。 –

-2

我遇到了同樣的問題,我的.css文件被稱爲「練習5 .css「不知何故,當我改變爲」style.css「它修復。也許問題出在名字上,idk。

+0

我們不知道目錄結構和完整的html文本,所以可能它可能是結構問題,或者用戶在html中沒有任何輸入或正文... –

+0

這不會提供問題的答案。一旦你有足夠的[聲譽](https://stackoverflow.com/help/whats-reputation),你將可以[對任何帖子發表評論](https://stackoverflow.com/help/privileges/comment);相反,[提供不需要提問者澄清的答案](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-c​​an- I-DO-代替)。 - [來自評論](/ review/low-quality-posts/18186310) –

+0

這並沒有真正回答這個問題。如果您有不同的問題,可以通過單擊[提問](https://stackoverflow.com/questions/ask)來提問。您可以[添加賞金](https://stackoverflow.com/help/privileges/set-bounties)在您擁有足夠的[聲譽](https://stackoverflow.com/help/)後吸引更多關注此問題什麼聲譽)。 - [來自評論](/ review/low-quality-posts/18186310) – PhilDW

相關問題