質問: testフォルダに CSSテスト.css ファイル 動作確認(html)ファイル があるのですが、CSSの相対パスを記述するのに戸惑っています。 **HTMLファイル** 救急車の有料化について **CSSファイル** .sample { color: #000000; background-color: #99cc00 } 相対パスが違うのだと思うのですが、どのように記述すればいいでしょう か? 分かったこと ------ http://wp-p.info/tpl_rep.php?cat=css-biginner&fl=r6 このサイト様に書かれていた内容によると >今はHTMLファイルからみて同じ階層にstyle.cssを作成したのでパスは『./style.css』となります。(『style.css』でも可) →それでも無理だった →諦めてテラテイルに助けをもらおうと、コードをもう一度眺めていたら、間違いがようやく分かった。 cssファイルを読み込まなかったのは、cssファイルの拡張子を忘れていたためだった、、、 さらに、判明したことは、 cssファイルには拡張子は必要だが、HTMLファイルには必要ないこと。 (あくまでもcssファイルを読み込むためには必要ないということ) 同じフォルダ内に存在していたら、./style.cssと記入しなくても一応動作する。
回答: cssがうまく反映しない場合はまず、ソースコードを表示しcss ソースをブラウザ上で表示し、外部cssを読み込んでいる箇所(hrefのリンク)をクリックする そうして、リンクがうまく開けなかったらcssファイルをそもそも読み込めていないということなので、css ファイルの拡張子(.css)が、きちんと付いているか、数字から始まっている名前を使っていないかを見つけ出すことで改善されるだろう。 今回は間抜けな間違いだった、基本がいかに大切かを思い知らされた壁だった。