<link rel="stylesheet" href="normalize.css">
これにより、Normalize.cssのスタイルが適用され、ブラウザ間のスタイリングの違いがリセットされます。
- カスタムスタイルリセット: Normalize.cssよりもシンプルなスタイルリセットを作成することもできます。以下は、一般的な要素のスタイルをリセットする例です:
/* 全体のリセット */
body, div, p, ul, li {
margin: 0;
padding: 0;
}
/* リストアイテムのスタイル */
li {
list-style: none;
}
/* リンクのスタイル */
a {
text-decoration: none;
color: inherit;
}
このカスタムスタイルリセットをCSSファイルに追加することで、ブラウザのデフォルトスタイルをリセットし、独自のスタイリングを適用できます。
以上が、CSSでリセットスタイルを適用する方法です。これにより、ブラウザ間のスタイリングの違いを解決し、一貫性のあるデザインを実現できます。