CSSを書いたのに画面が真っ白になる
💬 質問
style.css にCSSを書いたのに、ブラウザで見ると何も変わりません。画面が真っ白のままです。何が原因でしょうか?
✅ 回答
CSSが反映されないときは、次の3つを順番に確認してみてください。
1. link要素の書き方を確認
HTMLファイルの <head> の中に、次のように書いてありますか?
<link rel="stylesheet" href="style.css">
rel="stylesheet" のスペルミスや、href の書き忘れがよくある原因です。
2. ファイルの場所を確認
HTMLファイルと style.css は 同じフォルダ にありますか?別のフォルダにある場合は、パス(ファイルの住所)を正しく書く必要があります。
3. ファイルを保存したか確認
VS Codeでファイル名の横に ●(白い丸) が表示されていたら、まだ保存されていません。Ctrl + S(Macは Cmd + S)で保存してからブラウザを更新しましょう。
まとめ:link要素の書き方 → ファイルの場所 → 保存の確認、この3つをチェックすれば解決することがほとんどです。
解決しなかった?
エンジニアに質問する →