CSSが反映されません！


<!DOCTYPE html>
<html lang="ja">
  <head>
<meta charset="utf-8">
<title>太郎のポートフォリオ</title>
<link rel="icon"href="favicon.ico">
<meta name="description"content="太郎のポートフォリオサイトです。"＞
<link rel="stylesheet" href="css/styles.css">←ここです！！！
</head>
<body> 
<header>
  <img src="img/taro.png"width="120"height="120"alt="太郎のアイコンです">
<h1>山田太郎</h1>
<p>UI/UXデザイナー見習いです</p>
<ul>
  <li>
   <a href="https://dotinstall.com" target="_blank"> 
   <img src="img/blog.png"width"20" height"20 alt="ブログサイトのリンク画像です">
   </a>  
  </li> 
  
  <li>  
   <a href="https://dotinstall.com" target="_blank">   
    <img src="img/photos.png"width"20" height"20 alt="写真サイトのリンク画像です">  
    </a>
  </li>
</ul>
</header>    
<!--作品紹介-->
<section>
  <h1>WORKS</h1>
 
  <section>
    <img src="img/work1.png"width"400" height="260" alt="勇者ゲームの紹介画像">
<h1>勇者ゲーム</h1>
<p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
  楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
   楽しいアプリです。</p>
  </section>
 
<section>
  <img src="img/work2.png"width"400" height="260" alt="宝探しゲームの紹介画像">
<h1>宝さがし</h1>
<p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
  楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
   楽しいアプリです。</p>
</section>
 
<section>
  <img src="img/work3.png"width"400" height="260" alt="真剣衰弱の紹介画像">
<h1>真剣衰弱</h1>
<p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
  楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
   楽しいアプリです。</p>
</section>
 
</section>
   <footer>
    <p>(c) dotinstall.com</p> 
   </footer>
   
</body>
</html>

もう1枚貼ります！

h1{
  color: blue;
}

```CSSを反映させてh1の文字の色を変えたいです。

ドットインストールを学習しており、CSSが反映しません。HTMLに直接CSSを書き込むやり方ではCSSが反映するのですが別ファイルにCSSを書くと反映しません。いろいろ調べて試しましたが反映しません。どなたか助けてください！

maisumakun

2021/03/29 01:24 編集

試したコードを書いていただけないでしょうか？

coolwind0202

2021/03/29 01:25

まずソースコードを貼りましょう。 HTMLファイルとCSSファイル、両方をできる限り全文貼ってください。ソースコードはコードブロック（<code>ボタン）を使って貼るのが好まれます。

Hideki.-_

2021/03/29 01:26

画像はスクショしてスマホにデータがあるのですが、どうやって貼り付けれるのでしょうか？コメントしてくれてありがとうございます。

coolwind0202

2021/03/29 01:30

基本的に直接文字で貼り付けていただいた方が好ましいのですが、コピーできない事情がありますか？

coolwind0202

2021/03/29 01:31

画像データは回答者側でソースコードのコピーペーストなどができません。

Hideki.-_

2021/03/29 01:31

分かりました。少々お待ちください！！

行動規範の内容に同意します

回答2件

ベストアンサー

投稿2021/03/29 01:43

編集2021/03/29 01:45

coolwind0202

総合スコア708

Hideki.-_

2021/03/29 01:49

本当にありがとうございます！！！！！！！！！！！！色変わりました！めっちゃ嬉しいです。メタタグが関係してるのは何故なのでしょうか？教えていただけると嬉しいです。

coolwind0202

2021/03/29 01:54

metaタグそのものが原因ではなく、タグ名の前に「<」、タグ名の後に「>」をつける決まりだからですね。今回の場合「>」（半角）ではなく「＞」（全角）記号になっていたから正しく表示されませんでした。もしこれがh1タグであっても、＜h1></h1＞（わかりにくいですが、最初が全角記号）のようになっていたらうまく表示されなかったでしょう。

Hideki.-_

2021/03/29 03:14

ありがとうございました！！！

行動規範の内容に同意します