練習中でIndex.htmlから外部スタイルシートをリンクで反映したいのですが全く反映されません。教えてください。

Question

しまぶーのIT大学の通りにしようとVs codeでリンクを含め打ちましたがうまくいかず反映されません。

こちらに詳しいことを画像と一緒にのせております。

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11223309511

Comments

[m.ts10806]

マルチポストはなるべく避けましょう。
https://teratail.com/help#posted-otherservice

[m.ts10806]

それに「外部CSSがリンクできない」「反映されない」
ものすごく頻出です。つまり、ノウハウは過去質問に蓄積されています。
調べれば幾らでも出てくるという意味です。
それで解決するなら何個も質問サイト使って文章書くより早いと思いませんか？

[Phython]

そうですね。

調べてわからなければ質問します。
あよとマルチポストがいけないこととはしらずにしました。

[m.ts10806]

質 問 は 編 集 で き ま す よ

[m.ts10806]

ルールとしてヘルプページに記載されてることなので「知らなかった」では済まされません。
法律や条例と同じとおもってください。

Answer 1

Yahoo知恵袋の写真をもとにいわゆるエスパー的な回答を行います。

まず、外部スタイルシートはstyles.cssを読み込んでいくのですが、そのフォルダー名もstyles.cssと指定されています。
フォルダー自体に拡張子をつけることはこの様に混乱もしてしまいますし、意味もないですので今後は控えるべきかと思います。

cssというフォルダに名前を変更しつつ、その中にあるstyles.cssというスタイリングシートを読み込む場合は下記のコードでできるかと思います。

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

---

また、質問への追記・修正の依頼で他の回答者さんからの指摘を無視している様ですが、質問本文は修正できますので、修正してみてください。

また、コードの提示は画像でなく文章で提示する様お願いします。その際は、MarkDown記法を使用してください。

Comments

[Phython]

他の質問者への返答はクリックしても返信欄がでてこなかったので返せておりません。
あとフォルダの名前のへんこう方法を教えてください。
Markdown記法はどういう風につかえますか？

[kai0310]

こちらを参考にしてください。
https://teratail.com/help#about-markdown