CSSを書いたのに画面が真っ白になる

CSS 📅 2026年4月25日 👤 学習者さん

💬 質問

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つをチェックすれば解決することがほとんどです。

解決しなかった?

エンジニアに質問する →
← 他の質問を見る

⚠️ 関連するエラー

📖 関連する用語