2016-11-23 188 views
1

我不知道爲什麼我的CSS樣式表和HTML文件沒有鏈接。CSS樣式表沒有鏈接到HTML

這是我在HTML文件中的代碼。

<head> 
    <title>Website Sample</title> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 
    <meta name="viewport" content="width = device-width, initial-scale = 1"> 
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <link rel="stylesheet" type="text/css" href="C:\Users\Sam\Desktop\web\style.css" /> 

</head> 

這是CSS

.section2 { 
    height: 3000px; 
    width: 100px; 
    background-color: yellow; 
} 

回答

2

檢查這條道路,

你不能從你的根給的絕對路徑,則需要相對

通路徑

請檢查鏈接如下:

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

加1不能給C盤路徑, – shas

+0

@shas LoL。那麼D盤路徑有效? ':P' –

+0

應該給出相對路徑..絕對路徑編碼不好。 @PraveenKumar – shas

3

你不能使用Windows風格的鏈接。將其更改爲file:///網址:

<link rel="stylesheet" type="text/css" href="file:///C:/Users/Sam/Desktop/web/style.css" /> 

此外,它始終是更好地得到相對路徑,而不是絕對的,因爲它是靈活的任何地方託管,加上當你要遷移它幫助。

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

當前的HTML標準的更新,它沒有必要有type屬性爲<link><script>標籤。所以,你可以進一步減少它歸結爲:

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

我試着改變它。仍然不工作:/ –

+0

@SamYounes你能告訴我們什麼是目錄結構,你的HTML和CSS文件在哪裏? –

2

Kepp CSS文件在同一文件夾中的HTML文件,然後提供的css文件名:

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

或提供相對路徑,假設你保持CSS文件名爲 'CSS' 的文件夾中,如:

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

或者像:

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

其中'〜'表示您的根目錄。

+0

哇!很高興看到有新的'〜'。那給出的是哪裏?任何文檔?此外,我相信這僅用於基於* nix的系統的主文件夾。你的意思是? –

+0

加1爲linux風格的目錄結構 –