HTMLにCSSが反映されない

前提・実現したいこと

Atomエディタを使用しているのですが
HTMLにCSSが読み込めていません。

ディレクトリは

ドキュメント >
HP Atom >
top.html
styli.css

になります。
お力添えのほどどうぞよろしくお願いいたします。

top.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" herf="style.css">
    <title>a</title> 
  </head>

  <body style="text-align:center">
<h1>コンセプト</h1>
<p></p>

<h2>会社概要</h2>
<div>
 <p>社名　</p>
 <p>電話　</p>
 <p>設立　</p>
 <p>本社　〒<br />
          <br />
          TEL : <br />
          FAX : </p>
 <p><br />
          <br />
          TEL : <br />
          FAX : </p>
</div>

<div>
<div>
<h1>アクセス</h1>
<h2>本社</h2>
<p>
〒<br />
住所<br /></div>

</div>
  </body>
</html>

style.css

@charset "UTF-8";
h1 {
  background-color: red;
  padding: 0.5em 0 0.5em 0;
  margin: 0 0 0 0;
}

h2 {
background-color: green;
}

試したこと

head内に下記を入れましたが反映されないです。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

mike2mike4

2021/08/19 13:50

styli.cssと末尾のeがiになってるのは記入ミス？

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

回答1件

ベストアンサー

typoですね。

<link rel="stylesheet" herf="style.css">

herfになってます。
hrefです。

投稿2021/08/19 13:48

itagagaki

総合スコア8402

iiinnn

2021/08/19 23:42

ご回答ありがとうございます。解決できました。ありがとうございました。

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

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！