Q&A
>・同じファイル内にあります
「同じファイル内」となると1ファイルに全て書いてあるということになるのでCSSもstyleタグ使ってないし全部出てるはずです。
「同じフォルダ内」としたらマークダウンのcodeはわけてください。ファイルは別です。ファイル別にコードブロックとしてください。
また、「同じフォルダ内」としたら同じフォルダ内にあること、ファイル名が分かる画面キャプチャなどを提示してください。
独学でウェブデザインの勉強をし始めた者です。
本に沿って行っているのですが行き詰ってしまいました。
###実現したいこと
ゴールは、CSSのコードがライブプレビューに反映されることです。
###何が起きているか
・HTMLファイルとCSSファイルをリンクできるように、link要素を用いて
該当のソースコード
HTMLファイル <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>サンプルページ</title> <link href="./style.css" rel="stylesheet"> </head> <body> <!-- header始まり --> <header> <div class="logo"> <a href="index html"><img src="images/logo.png" alt="SNAPPERS"></a> </div> <nav> <ul class="global-nav"> <li><a href="Portfolio.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <!-- header終わり --> <!--wrap始まり--> <div id="wrap"> <div class="content"></div> </div> <!--wrap終わり --> <!--footer始まり --> <footer> <small>(C)2017 Hattori-studio.</small> </footer> <!-- footer終わり --> </body> </html> CSSファイル @charset "utf-8"; body { margin: 0; padding: 0; background-color: #cccccc; color: #333333; font-size: 15px; line-height: 2; }
試したこと
・スペルミス
・コードの再入力
・同じフォルダ内にあります
また「適用されない」についても全て反映されないのか一部反映されないのか、「何が起きているか」を具体的に記載してください。
「どうなったらゴールなのか」要件を記載してください。
どうなるつもりで書いたコードなのか、他者は知りません。
m.ts10806様
非常に少ない情報で申し訳ありませんでした。
ファイルの関しては「同じフォルダ」です。
また、現状やゴール等も追記いたしました。
今後の質問の参考になります。ご指導の程ありがとうございます。
Live Server が動いていないかポート番号が違うんでしょう。
回答2件
0
今の環境のまま、
style.cssの内容をUTF-8の行以外を丸々コピーしください。そしてhtmlに下記のように挿入して動くかをまず確認してください。
html
1<head> 2 <meta charset="UTF-8"> 3 <title>サンプルページ</title> 4 <style> 5 //ここにコピーしたのをペースト 6 </style> 7</head>
これでも動かなかった場合はlinkの問題ではなくなるので、他の原因を考えることになります。
他の原因とは、ブラウザの問題やCSSに全角スペースが入っていて動かないなどです。
投稿2021/06/01 10:17
総合スコア18
0
何の問題も無いようです。
HTMLファイルがどこかのフォルダあり、CSSファイルが同じフォルダにstyle.cssという名前で存在していれば、ブラウザでそのHTMLファイルを開くとstyle.cssは適用されるはずです。
投稿2021/05/23 07:41
総合スコア8402
itagagaki 様
そうなんですね。。
コード外に何か問題があるのかもしれませんね。
ご回答いただきましてありがとうございます。
お時間ありましたら、情報を追記いたしましたのでご確認いただけましたら幸いです。
あなたの回答
tips
プレビュー
