凡ミスでCSSが一向に読み込まれなかった件

PHPの練習をかねて、Webサイトの制作をしようと思ったところ、序盤でCSS、Javascript、そして画像までも読み込まれず困りました。

ほとんどはPHPやちょっとしたこと原因で、CSSも凡ミスでしたが一向に気づかずに読み込めずに苦労したお話です。

正直CSS自体が原因ではないのですが備忘録として残します。

解決策の前に

Javascriptや画像が読み込まれていなかった原因

はじめにJavascriptや画像含めて全て読み込まれなかったことの大きな理由に文字化けを起こしていたことがあります。

文字化けの場合は上記記事をご確認ください。

CSSだけ読み込まれなかった理由

いちいち記事にするほどでもない超凡ミスでした。それは大文字と小文字を間違えていた。

私はCSSをしまうフォルダを「CSS」と大文字にする癖があります。それは「JS」もしかりです。

そしてCSSはパスを書く時にCSSを小文字(css)と書いておりました。
それが原因だったようで、修正するとすぐに読み込まれるようになりました。

他にもよくやるミスとして「images」フォルダを「image」と書いてしまったりよくします。

気づいてみればタダのあるあるでした。

はまったときはシンプルに考える

今回は慣れないPHPを利用したこともあり、かなり遠まわりして解決に至りました。
新しいことを学んでいるからとそればかりに気をとられているとかなり時間を無駄にするんだなといい勉強になりました。

シンプルにパスだけ疑えば、よかったのに。
HTMLとCSSだけでWebサイトを作っている時は問題修正する時にあれこれ考えずに済んだのに、他の言語が加わってくると考えることも増えて間違えを見つけるのが難しいですね。

学習中の言語に早くなれたいです。

HTML / CSS

Posted by Nakamoto