リセットCSSについて

現代にはたくさんのブラウザがあるが実はそれらはデフォルトで見え方が違う。例えばbodyタグの余白がそれぞれ違う場合がある。このように些細な事ではあるがブラウザによってサイトの見え方が若干変わってくるのだ。

それを解決するのがこの記事のリセットCSSだ。

もし、厳格に全てのブラウザで同じようにサイトを表示したいならそれぞれのデフォルトで持っている余白などの値をリセットする必要がある。しかし、これを自分一人で行うのはかなり大変だ。

そこでお勧めするのが誰かが皆の為に作成したリセットされるCSSファイルをダウンロードして使う事だ。このサイトではdestyle.cssを使わせて頂いている。 MITライセンスで著作者情報をファイルの中にある文章として残しておけば安心して使える。

リセットCSSのデメリット

たくさんのリセットをするCSSが公開されており適用範囲はそのファイルによるが、だいたいの場合はCSSのプロパティの値が0になってしまう。余白が0になるのは好ましいが、liタグなども初期化される。もしこのリストタグを使った場合、自分でリストのスタイル、先頭に付く「・」を明示的に指定しないと空の状態で表示される。

このようにCSSが元々定義されて使いやすいようにされていた値が初期化されるので、一から全て自分で再定義する必要が出てくるかもしれない。