HTML5 Doctor CSS Resetが反映されません。

前提・実現したいこと

最近HTML・cssを学習し始めた初心者です。
HTML5 Doctor CSS Reset　を使いたいです。

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

ウェブで探してHTMLにコピペしたのですが、pやulのmarginなど、消えずに表示されてしまいます。何が違っているのか、そもそもこういう仕様なのか…わからず手こずっているので教えて頂けますと幸いです。

エラーメッセージ

該当のソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel=”stylesheet” type="text/css" href="html5reset-1.6.1.css">
  <link rel="icon" href="favicon.ico">
  <title>デイトラ-1日1題30日でプロのWebエンジニアになろう！-</title>
</head>
<body>
   <div class="container">
     <!---------------ヘッダー-------------->
     <header>
       <p>トライアル</p>
        <!----ナビ----->
       <nav>
         <ul>
           <li><a href="#about">◯◯とは</a></li>
           <li><a href="#course">コース一覧</a></li>
           <li><a href="#contact">お問い合わせ</a></li>
         </ul>
       </nav>
     </header>
   </div>
 </body>
<html>

試したこと

ブラウザの更新
リセットCSSをcssフォルダーから出したり入れたりもしてみました。

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

ブラウザはChrome
エディタはVSCode

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

回答1件

ベストアンサー

リセットCSSをcssフォルダーから出したり入れたりもしてみました。

置く場所を変えることで調整するのではなく、置いた場所をhtmlから正しく参照させてください。
「パス」です。
ファイル名も含めて間違いなくそこを示しているかどうかが鍵です。
今提示されてるコードだとhtmlと同じ階層を示しています。

投稿2021/02/23 03:05

m.ts10806

総合スコア80875

ohkami

2021/02/23 04:16

cssフォルダーの中に入れたら href="css/html5reset-1.6.1.css" リセットcssをHTMLと同じ階層にしたら href="html5reset-1.6.1.css"　とやってみたのですが、変わらず反映されませんでした。パスの書き方が間違っているのでしょうか？

m.ts10806

2021/02/23 04:55

パスが間違ってるならブラウザの開発ツールのコンソールにエラーが出ますし、間違ってないなら出ません。エラー出てないなら、開発ツールでcssが反映されているであろうエレメントを選択するとどういうスタイルが当てられていてそのスタイルがどこから来ているか表示されます。まずは「効いているならどうなるべきか」をきちんと把握し、検証してください。

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