2016-04-06 16 views
0

まず、私はこの前に多くの投稿を見てきましたが、私の正確な状況には一致していません。外部のCSSスタイルシートがリンクされていません

問題:

  1. 「Lounge.html」「test.css」
  2. の下を示す「インデックス」htmlファイルは、私がにリンクしようとしている外部の.cssファイルです、また、以下を示して
  3. "Lounge.html"と "test.css"はどちらも同じフォルダにあります。ルートフォルダ
  4. すべて「IMG」と「」の要素は、作業順序
  5. 私はマイクロソフトエッジ、またはInternet Explorerのいずれかで「Lounge.html」を実行すると、スタイルが自分のページに適用されていない中であります。

この外部リンクを有効にしていただきありがとうございます。

よろしく、

AA

h1, h2 { 
 
font-family: sans-serif; 
 
color: gray; 
 
} 
 
h1 { 
 
border-bottom: 1px solid black; 
 
} 
 
p { 
 
font-family: sans-serif; 
 
color: maroon; 
 
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
 
    <head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 
 
    <title>Head First Lounge</title> 
 

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

 
    </head> 
 
    <body> 
 
    <h1>Welcome to the New and Improved Head First Lounge</h1> 
 
    <p><img src="images/drinks.gif" alt="Drinks" /></p> 
 
    <p> 
 
     Join us any evening for refreshing 
 
     <a href="beverages/elixir.html">elixirs</a>, 
 
     conversation and maybe a game or two of 
 
     <em>Dance Dance Revolution</em>. 
 
     Wireless access is always provided; 
 
     BYOWS (Bring Your Own Web Server). 
 
    </p> 
 
    <h2>Directions</h2> 
 
    <p> 
 
     You'll find us right in the center 
 
     of downtown Webville. If you need help finding 
 
     us, check out our 
 
     <a href="about/directions.html">detailed directions</a>. 
 
     Come join us! 
 
    </p> 
 
    </body> 
 
</html>

+1

_ "Microsoft EdgeまたはInternet Explorerで" Lounge.html "を実行すると、スタイルは自分のページに適用されません。" _ - それは他のブラウザでも使用できますか? – Turnip

+0

ブラウザのキャッシュをクリアしようとしましたか? – Jer

+0

また、要素インスペクタコンソールを使用してCSSをトレースしてみてください。 –

答えて

0

は、ブラウザの更新をお試しください。 IEの場合

:あなたはまだ<head>セクションで

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

を挿入し、それをロードしようと、エラーを取得している場合。

願っています。

0

これはブラウザキャッシュの問題です。 キャッシュをクリアしてもう一度確認してください。キャッシュをクリアする簡単な方法は、追加後にいくつかのradom文字列を追加することですか? URLに。 「修正する」場合は、この問題を解決するために、実施例

http://example.com/test.html?somerandomtext 
+0

興味深いことに、外部スタイルシートは、自分のhtmlをテストするために作成した個人用ウェブサイトに両方のファイルをアップロードしたときに働いていました... – RiskyDibalo

0

は、あなたがそれを呼び出すしたいものです、私は単にウェブホスティングサーバーに両方のファイル(HTML、CSS)をアップロードしました。 'index' htmlファイルは、ローカルの方法論での試みとは異なり、すぐに外部スタイルシートの影響を受けました。

関連する問題