localhostアクセスでのCSS適用について
初心者です。
eclipseでstringbootの学習をしています。
javaでコードを書きHTMLで画面を作成しています。
ブラウザでlocalhost:8080にアクセスした際に
CSSがlinkタグでCSSファイル指定ではつかず、
styleタグでHTMLに直書きだと反映されます。
デベロッパーツーで確認するとHTMLのみしか
反映されていないので、そういう仕様なのか
うまくリンクできていない為なのかわかりません。
ブラウザのキャッシュの削除は行いました。
ファイルからHTMLファイルを開くと
linkタグでつけたCSSも反映されるのですが、
仕組みが理解できておりません。
どなたか教授いただけませんでしょうか？
よろしくお願いいたします。
外部 css ファイルを link タグの href 属性に設定してブラウザに読ませるようにしているのであろうと想像してますが、そうだとすれば、localhost も eclipse も stringboot も java も関係なくて、ブラウザが href 属性に設定された外部 css ファイルを取り込めないのでしょう。
その原因は href に設定されたパスが間違っているとか、ブラウザがアクセスできない場所にあるということだと思います。
ブラウザで html ソースを開いてそのあたりを確認してください。
例えば、このスレッドの html を表示すると以下のようになっています。
上の画像の href をクリックすると以下のようにダウンロードされた外部 css ファイルが表示されます。
質問者さんのページも同様にして調べてください。
@kumaneru
Questioner
ありがとうございました。
Java はよくわからないですが、パスが間違っている、というのが一番ありそうな話ではないかと。
@kumaneru
Questioner
ありがとうございました。
状況から察するにHTMLを直接開いたときだけCSS反映されるのであれば、おそらくlinkに指定しているファイルパスがWindowsのC:から始まるようなファイルパスになっているのではないでしょうか。
linkに指定するパスは通常
「./xxxx.css」「/css/xxxx.css」「https://xxxx.com/xxxx.css」のような形式である必要があります。
@kumaneru
Questioner
https形式でできました！ありがとうございました。
