Q&A
index.html、test.css、sakura.JPGの位置関係（ディレクトリ構造）がわかるようなスクリーンショット等をご提示ください。
teratailの質問文には画像を載せる機能があります。
https://teratail.com/help/question-tips#questionTips3-7
前提・実現したいこと
ここに質問の内容を詳しく書いてください。
初歩的な質問してすみません。
現在html/cssでwebページを作成しています・
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
cssが反映されない。画像が読み込まれない。
該当のソースコード
html/CSS
1!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf=8"> 5 <title></title> 6 <link rel="stylesheet" href="./style.css/test.css"> 7 </head> 8<body> 9<img src="./image/sakura.JPG"> 10</body>
試したこと
index.htmiとstyle.cssは同じ階層
style.cssフォルダ内にtest.css
補足情報（FW/ツールのバージョンなど）
写真に関しては下記のように表示されました。
An error occurred while restoring view:imagePreview.previewEditor
写真お取り込み方が間違っていたのでしょうか？
回答2件
0
早速のご回答ありがとうございます。
ですが、変化なしです。
Finderでcssを見てみるとtest.cssファイルがbracketsのアイコンだったのですが
それは関係無いでしょうか？
現在vscodeを使用しているので、このアプリケーションを開く→brackets（デフォルト）となっていました。→その他でvscodeを選択し常にこのアプリケーション使用するにチェックしたのですがこちらも変化がございません。
投稿2020/02/09 11:31
総合スコア28
0
階層が本当に合ってるか疑問ですが、
<link rel="stylesheet" href="./style.css/test.css"> index.htmiとstyle.cssは同じ階層
style.cssを読み込まないといけないのでは？と思いました。
index.htmlと同じ階層にstyle.cssがあるとすれば以下のコードを
index.htmlに追加すれば読み込めます。
css
1<link rel="stylesheet" href="./style.css">
これを追加してみてください。
また、もしかしてですが
test.css は style.cssディレクトリ にあるのではなく
styleディレクトリ に入ってるのではないですか？
その場合は前述にさらに追加で
css
1<link rel="stylesheet" href="./style/test.css">
で読み込むことができます。
正直、style.cssというディレクトリは考えにくいので階層の間違えをしてるように見受けました。
もし、前述の読み込みで解決しない場合は詳しいディレクトリ構成を書いていただければと思います。
投稿2020/02/09 10:57
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
