デフォルトスタイルを残しつつ、ブラウザのデフォルト挙動を合わせてくれるCSS「normalize.css」

サイトを制作する際、最初にブラウザ初期値のCSSをリセットする方も多いと思います。様々なリセットCSSがありますが、ほぼすべての要素をリセットさせるものや、最近のHTML5に関するタグがないものもあります。

今回ご紹介する「normalize.css」は、HTML5やCSS3にも対応しています。
またすべてのCSSをリセットするのではなく、使えるものは残しつつ見た目を整えているとのこと。

ダウンロード

配布ページは以下から

デモページ

HTMLにCSSを適用したデモページが用意されていますので、表示の確認ができます。

解説サイト

またこの「normalize.css」を、なぜこの指定をしてるのかという解説をしてくださっているサイトがありますので、見てみてはいかがでしょうか、

こちらを参考にして自分の制作の基本となる「normalize.css」「reset.css」を作ってみるのもいいかもしれません。

コメント

タイトルとURLをコピーしました