Q&A
htmlファイルはどれですか？ 「相対パスの書き方が分からない」という質問でしょうか？
前提・実現したいこと
HTMLで指定したCSSが反映されません。
教えていただけると幸いです。
該当のソースコード
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>nemi - portforio</title> 8 <link rel="stylesheet" href="../portforio/CSS/style.css"> 9 </head>
CSS
ここのCSSを反映させたいです。
エラー画面です
portforioフォルフダの中にある「index.html」です。
エラーは出ていませんか？デベロッパーツールで確認してみてください。https://eng-entrance.com/javascript-display-error
デベロッパーツールで出ていたエラーの画像追加しました。
これはCSSが見つからないということでしょうか？
回答2件
0
ベストアンサー
failed to load resourceなのでCSS/style.cssにはファイルが無いのでしょう。
案外よくあるのが、別のファイルを開いているというものです。開いているHTMLを再確認してみてください。
あとは、フォルダ「CSS」が「ＣＳＳ」だったり空白や制御文字が混入という可能性。これについては、ブラウザにstyle.cssをドラッグ＆ドロップで表示させ、URL部分を確認してみてください。
投稿2021/03/05 12:51
総合スコア69407
0
<link rel="stylesheet" href="CSS/style.css">で良いかと思います。
投稿2021/03/05 11:52
総合スコア10580
反映されませんでした。
Web制作というフォルダの中に他のプロジェクトも入れてしまっているのですが、これが何か影響しているのでしょうか…？
href="./CSS/style.css"
上記ではどうでしょうか？
やはり反映されませんでした。
CSS自体にスペルミスがあるのでしょうか…？
ブラウザの開発者ツールで何かエラーは出ていませんか？
エラーの画像追加しました。
cssへのパスが間違っている場合は、index.htmlの何行目でエラー発生のように表示されるかと思います。cssファイル自体には問題ありませんか？
あなたの回答
tips
プレビュー
