[CSS]2012年最も人気のあったCSSリセットとどれを使えばいいかの指針、と上手に使うポイント

Post on:2012年11月27日

sponsorsr

ブラウザのスタイルを初期化するCSSリセットの2012年に人気のあったものと、どのCSSリセットを使えばいいのか判断するポイント、CSSリセットを上手に使うポイントを紹介します。

下記は各ポイントを意訳したものです。

2012年人気のあったCSS Reset

まずは、2012年に人気のあったCSSリセットベスト5！
CSS Reset経由で最もダウンロードされたものです。

CSSリセットは数多くあり、どのCSSリセットを使えばよいかの簡単なアドバイスがあります。

CSSリセットとは異なるアプローチとして、ノーマライズがあります。詳しくは、当ブログに制作者自らの解説を翻訳したものもあるので参考にしてください。

案件にあったCSSリセットを見つけ、それをカスタマイズしてください。
CSSリセットでユニバーサルセレクタ（*）を使うのを避けてください。
リンクでもエレメントでも「outline:0;」を設定した時は、再定義するのを忘れないでください。これはユーザビリティに影響を与えます。
一度使用したCSSリセットは常に手元に残し、保持し、次のプロジェクトに役立ててください。
リセットで「body{line-height:0;}」を定義し、その後「body{line-height:1.5;}」を定義することで、ちょうど1.5を達成できることを忘れないでください。