Q&A
「style名.css」というファイル名でしょうか。もしそうでないなら正確なファイル名で提示してください。
CSSが反映されません。試したことは、名前チェックと階層チェックです。
どちらも正しいようです。
あとは、どこが原因かわからなくなり、質問いたしました
コードを貼ります
下記になりますが、お答えいただけると幸いです
デベロップツールを活用すると、Err not Foundと表示されます。なので、ファイル階層や名前の間違いと思いましたが、それぞれファイル階層はAフォルダーの中にHTMLとCSSフォルダーがあり、reset.html5とstyle名.cssの二つがあり確認しています。それから名前は、ファイル名をコピペして、HTMLに貼り付けました。
コード <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>はじめてのコーディング</title> <link rel="stylesheet" href=".reset-html5"> <link rel="stylesheet" href=".first-coding.css"> </head> <body> <h1>はじめてのコーディング</h1> <P>コーディング学習をして、オリジナルサイトを作成しよう</P> <h2>はじめに</h2> <p>このサイトは、コーディング練習用のサイトです。 <br>HTMLやCSS、JavaScriptなどの言語を使って、<br> Webサイトを「使える」状態にすることです。</p> <h3>学習の心構え</h3> <br> <br> <p>暗記しようとしない</p> <p>反復練習する</p> <P>習得するまでコピペ禁止</P> <P>1回で理解できなくても気にしない</P> <h4>学習内容</h4> </body> </html> ```【CSS】 コード meta charset "UTF-8"; /*共通項*/ body{ background-color: aqua; width: 1440px; line-height: 24px; font-size: 16px; font-family: Yugothic; color: #333; }```ここに言語を入力 コード ```
回答1件
0
ベストアンサー
下に提示した行がおかしいです。※その上も変なんですが。※コード書き換えたため打消し。
href=".first-coding.css"のfirstの前の.が恐らく不要です。
あとは別階層のようなのでcss/を付けてあげる必要があります。
html
1<link rel="stylesheet" href="css/first-coding.css">
以下お願いです。
reset.html5というのがちょっと分からないので、
もう一度念のためにファイル名をご確認いただけますでしょうか
ここから下はスルーしてください
以下蛇足です。
htmlファイルとCSSは同じフォルダ内にありますでしょうか？
同じフォルダ内であれば.を取るだけで適用されるかと思います。
投稿2021/03/20 08:02
編集2021/03/20 08:07
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
