cssがhtmlに反映されない件

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
htmlでホームページを作っています、その過程でcssがhtmlに反映されなく困っています

発生している問題・エラーメッセージ　h5

Failed to load resource: net::ERR_FILE_NOT_FOUND




###cssのコード 

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');

* {
padding: 0;
margin: 0;
box-sizing: border-box;
  }
  html{
    font-size: 10px;
    font-family: "Montserrat", sans-serif;
  }
a{
  text-decoration: none;
}
.container{
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

###htmlのコード
<!<!DOCTYPE html>
<<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>my website</title>
  </head>
  <body>

    <section id="hero">
      <div class="hero container">
      <div>
        <h1>hello, my name is milian</h1>
        <a href="#" type="button" class="cta">Portofolio</a>
      </div>
    </div>
    </section>
  </body>
</html>>

``
### 試したこと

デベロッパーツールを確認しましたところ、ファイルが見つからないということなのでfinderでファイルの確認をしました

![イメージ説明](2ba2078825964c4453761f03ab491763.png)

K_3578

2021/10/29 06:13 編集

ソースコードは ``` ソースコード ``` という形になるようにcss,htmlそれぞれ囲んでください。

Lhankor_Mhy

2021/10/29 06:16

markdownを使ってソースコードを書いてください。 https://teratail.com/help/question-tips#:~:text=teratail%E3%81%A6%E3%82%99%E3%81%AF%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%88%E3%82%99%E3%82%92%E3%82%B7%E3%83%B3%E3%82%BF%E3%83%83%E3%82%AF%E3%82%B9%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8B%E3%82%99%E3%81%A6%E3%82%99%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82 https://teratail-v2.storage.googleapis.com/assets/img/tour/01.webm?1594714893253494 https://teratail.com/questions/238564

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

回答2件

ベストアンサー

cssのファイル名がstylesheet.cssなのでhtmlから呼び出すコードが

ではないでしょうか？????

投稿2021/11/01 14:02

mokimokio

総合スコア53

kentolo

2021/11/02 02:11

ありがとうございました！！無事解決しました！！

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

HTML
1<link rel="stylesheet" href="style.css">

この部分がディレクトリ構造と整合性取れているかどうかですね。

finderでindex.htmlとstyle.cssが見えている状態のスクリーンショットを貼ってください。

追記

file:///←この形式のURLはあなたのパソコンの中のデータになりますので、こちらからは見れません。
質問を編集して、以下の赤枠のアイコンから画像の挿入を行ってください。

投稿2021/10/31 02:29

編集2021/11/01 10:52

KAOsaka

総合スコア531

kentolo

2021/11/01 06:40

スクリーンショット 2021-11-01 15.38.51.png ご回答ありがとうございますこちらスクリーンショットになりますよろしくお願いいたします

kentolo

2021/11/01 06:44

file:///Users/kanehirataketo/Desktop/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-01%2015.38.51.png ご回答ありがとうございますこちらスクリーンショットになりますよろしくお願いいたします