初学者　htmlをｃｓｓファイルでコーディングしてみたい。

前提・実現したいこと

vscodeで記述したhtmlにcssを適用したい。

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

同じフォルダ内にhtmlファイルとcssファイルを作り、htmlファイル内でlinkするようにコードを書きました。しかし、プレビュー（html preview）画面を見るとcssの内容が適用されていません。
どうすればよいのでしょうか。
cssのファイル名はstyle.cssです。
cssファイルでは

.h1 {
color: brown;
}

と記述しています。

該当のソースコード

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>掲示板</title> <link rel="stylesheet" href="style.css" type="text/css" media="all"> </head> <body> <header> <h1>掲示板</h1> </header>

<main>
    <h2>新しく投稿してみる</h2>

    <form action="" method="post">
        <!--まとめて送信-->
        <div class="getname">
            名前:<input type="text" name="name" value="">
            <!--取得-->
        </div>
        <div class="gettext">
            本文:<textarea name="comment" id="" cols="30" rows="10" maxlength="80" wrap="hard"
                placeholder="80字以内"></textarea>
            <input type="submit" value="投稿する">
            <!--ボタンの表示＋foam内容の送信-->
        </div>
    </form>

    <section>
        <h2>投稿一覧</h2>
        <p>投稿はまだありません</p>
    </section>
</main>

<footer>

</footer>

</body> </html>