私のスタイルシートは私のhtmlとリンクしていません

-2

私は自分のHTMLページのすべてにリンクを張り、私のCSSは私の最初のページにしか表示されません。私のスタイルシートは私のhtmlとリンクしていません

<head> 
    <title>Angels Drawings</title> 
    <link rel="stylesheet" href="style.css"> 
    <STYLE> 
    <!-- 
    A{text-decoration:none} 
    --> 
    </STYLE> 
</head> 

<body> 
    <h1>Angel</h1> 
    <ul> 
     <li>Home</li> 
     <li><a href="Pages/Page2.html">Page 2</a></li> 
     <li><a href="Pages/Page3.html">Page 3</a></li> 
    </ul> 
    <h2>This is her website</h2> 
    <p>And this is all the info</p> 

</body>

出典

2016-08-09 Kevinh56

は ''のhref = "/ style.cssに" – j08691

のhttpを試してみてください/ /www.coffeecup.com/help/articles/absolute-vs-relative-pathslinks/ –

他のページ（Page2.htmlとPage3.html）は "ページ" ディレクトリの中にあります。相対パスであるため、同じURLをCSSに使用することはできません。つまり、cssが "Pages"ディレクトリにあると判断し、存在しないために失敗します。

OPの実際の使用例について説明した後、回答が更新されました。 Angelswebsite.htmlで

次のコマンドを使用します。Pagesサブディレクトリ内のすべてのページで

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

次のコマンドを使用します。

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

出典

2016-08-09 14:59:18

私はその解決方法を試してみましたが、どちらもうまくいきませんでした。他のアイデアはありますか？ – Kevinh56

あなたのウェブサイトのファイル構造を教えてもらえますか？ –

私はデスクトップに "Angels Website"と呼ばれるフォルダを持っています。その中に "HTML"というフォルダがあります。 HTMLフォルダには、 "Pages"と "Images"という名前の2つのフォルダと、Angelswebsite.htmlとstyles.css – Kevinh56

私のスタイルシートは私のhtmlとリンクしていません

答えて

関連する問題