Q&A
過去の質問について、「解決済」になっていないものが多数見受けられます。解決したものは「ベストアンサー」を選び、自力で解決した場合はその方法を解答欄に書き、もし万が一解決していないのであれば質問を編集するなどしてみてください。
testフォルダに
CSSテスト.css ファイル
動作確認(html)ファイル
があるのですが、CSSの相対パスを記述するのに戸惑っています。
HTMLファイル
<style> <link rel="stylesheet" type="text/css" href="CSS テスト.css" > </style> <body> <h2 class = "sample">救急車の有料化について</h2> </body>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と記入しなくても一応動作する。
質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況を質問文に追記ください。
回答3件
0
linkタグは、styleタグの中でなく、headタグの中に書いてください。
styleタグの中にはCSSを書きます。
パスの指定自体は正しいです。
投稿2017/05/10 15:02
編集2017/05/10 15:53
総合スコア84533
0
Failed to load resource
Failed to load resource: 要求された URL がこのサーバ上に見つかりませんでした。
前質問のコメントから引用しています。
相対パス指定が誤っているようなので、次の節のリンク先を参照して下さい。
相対パス
Re: NamaKori さん
投稿2017/05/10 15:52
編集2017/05/10 15:59総合スコア18162
0
自己解決
cssがうまく反映しない場合はまず、ソースコードを表示しcss
ソースをブラウザ上で表示し、外部cssを読み込んでいる箇所(hrefのリンク)をクリックする
<link rel="stylesheet" type="text/css" href="sample.css">そうして、リンクがうまく開けなかったらcssファイルをそもそも読み込めていないということなので、css
ファイルの拡張子（.css）が、きちんと付いているか、数字から始まっている名前を使っていないかを見つけ出すことで改善されるだろう。
今回は間抜けな間違いだった、基本がいかに大切かを思い知らされた壁だった。
投稿2017/06/01 17:46
総合スコア81
あなたの回答
tips
プレビュー
