normalize.cssとは
normalize.cssとは、ブラウザごとのスタイルの違いを吸収して、デフォルトのデザインを提供するcssファイルです。ニコラス・ギャラガー氏が無償で提供しています。
ブラウザごとにデフォルトのスタイルには微妙な違いがあるので、そのままでは、Webブラウザごとに表示が異なっていたり、表示が崩れたりということがあります。
normalize.cssは、Webブラウザの持つ有用なデフォルトのスタイルを維持したまま、そういったブラウザごとの表示の違いをなくしてくれるので効率的なスタイル設定ができます。
normalize.cssのダウンロード
Normalize.css(https://necolas.github.io/normalize.css/)でDownloadをクリックします。
Cssファイルが表示されるので、右クリック→名前を付けて保存を実行します。ファイル名はそのままで、保存場所は作業フォルダの中のcssフォルダに保存します。
HTMLにCSSファイルのリンクを記述する
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
最後にheadタグ内に上記の様に記述します。この時、style.cssよりも先にnormalize.cssを読み込ませたいので、normalize.cssのリンクを先に記述します。
以上で完了です。最後までご覧頂きありがとうございます。