Q&A
ブラウザのキャッシュのせいで css ファイルの内容を変更したのにその結果が反映されないというようなプリミティブなことはないでしょうね？
コードは ``` と ``` で囲ってください（``` はバッククォート 3 つ）。インデントされて見やすくなるので。インデントされてないコードは質問者さん自身も読む気がしないのでは？ 赤の他人の閲覧者・回答者はなおさらです。
前提・実現したいこと
ここに質問の内容を詳しく書いてください。
ドットインストールのコードを模写しています。
発生している問題・エラーメッセージ
cssが反映されなくて困っています。同じような質問をされている方の回答で制御文字があるとのヒントがあったのですが、
制御文字がどれに当たるのか分からないままです。
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Guocaiのポートフォリオサイト</title> <link rel="icon" href="favicon.png"> <meta name="description" content="Guocaiのポートフォリオサイトです"> <link ref="stylesheet" href="css/styles.css"> <body> <header> <img src="img/image1.jpeg" width="120" height="120" alt="美しい名画のアイコンです"> <h1>プログラミングはじめました</h1> <p>在宅時間が増えたので、プログラミングはじめました</p> <ul> <li> <a href="https://www.ueno-panda.jp" target="_blank"> <img src="img/blog.png" width="20" height="20" alt="パンダの世界へようこそ"> </a> </li> <li> <a href="https://www.ajfarm.com/15836/" target="_blank"> <img src="img/photo.png" width="20" height="20" alt="りんごの世界へようこそ"> </a> </li> </ul> </header> <section> <h1>初めてのサイト</h1> <section> <img src="img/image2.jpeg" width="400" height="200" alt="旅行の写真１"> <h1>とても地道な作業</h1> <p>プログラミング必修科目</p> </section> <section> <img src="img/image4.jpeg" width="400" height="200" alt="旅行の写真２"> <h1>HTML CSSマスターしたい</h1> <p>素敵なHPを作りたい。</p> </section> <section> <img src="img/image5.jpeg" width="400" height="200" alt="旅行の写真３"> <h1>コードが早くかけると嬉しい</h1> <p>カッコいいHPを作りたい。</p> </section> </section> <footer> <p>(c).guocai.com</p> </footer> </body> </head> </html>試したこと
<link ref="stylesheet" href="css/styles.css">に原因があると思い、href属性のcssの名前を変更したりしてみたり、ref属性の"stylesheet"という名前を変更してみたりしましたが反映されませんでした。補足情報（FW/ツールのバージョンなど）
HTMLと同じ階層にcssというフォルダがあり、そこにstyles.cssというCSSファイルがあるという記述ですがファイルの位置関係や名前は間違っていませんか？
画像は表示されていますか？
初歩的な質問にも関わらずご丁寧にご回答いただき、
感謝申し上げます。
ありがとうございました。
回答2件
0
ベストアンサー
ええと、link要素で"stylesheet"という値を設定するのは、ref属性ではなくrel属性です。
CSS
1<link rel="stylesheet" href="css/styles.css">
ほかにも</head>が</body>の直後にありますが、これは<body>の直前に書いてください。
それから、なんでもかんでも<h1>を使わず、<h2>や<h3>(以下略)を適切に使いましょう。
投稿2020/06/18 03:52
編集2020/06/18 03:56
総合スコア11990
0
作成されたスタイルシートのファイル名と<link ref="stylesheet" href="css/styles.css">のファイル名はあっていますか？
投稿2020/06/18 03:38
総合スコア55
あなたの回答
tips
プレビュー
