2016-11-23 8 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:/// URLに変更します。

<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標準規格への更新、それは<link><script>タグのtype属性を持っている必要はありません。あなたを想定し、

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

または相対パスを提供します。HTMLファイルと同じフォルダに

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

私はそれを変更しようとしました。まだ動作していません:/ –

+0

@SamYounes HTMLとCSSのファイルはどこにありますか? –

2

Kepp CSSファイル、その後、CSSファイル名を提供します。だから、あなたはさらにそれをダウン減らすことができます

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

など:

<link rel="stylesheet" type="text/css" href="~/css/style.css" /> 
のように、 'CSS' という名前のフォルダにcssファイルを保ちます

「〜」はルートディレクトリを表します。

+0

うわー!ニースには何か新しい '〜'があります。それはどこにあるの?どんなドキュメンテーションですか?また、これは、ホームフォルダ用の* nixベースのシステムでのみ使用されると信じています。あなたはそれを意味していますか? –

+0

とlinuxスタイルのディレクトリ構造に1 –

関連する問題