ノーマライズCSSについて

CSS

ノーマライズCSSとリセットCSSの違い

まず、ノーマライズCSSとリセットCSSは似て非なるスタイルシートである。

リセットCSSはプラウザ毎の独自スタイルシートを無効化(リセット)することで、プラウザ間のレイアウトの誤差をなくす為のものです。

ただ、各自プラウザのデフォルトスタイルシートが無効化になった事で、本来リセットしなくてもいい有用なスタイルシートすらも無効化してしまうため、リセットCSSをかけたのに改めて無効となってしまったスタイルシートを書き直すという二度手間をしてしまうのでそれを解消するのがノーマライズCSS。

ノーマライズCSSを使用するその他のメリットはコリスより引用しますと


  • ブラウザのスタイルを消去するよりむしろ有用なデフォルトのスタイルを保存します。
  • あらゆるHTMLエレメントのスタイルを正常化（Normalize）します。
  • バグとブラウザごとの一貫性のなさを修正します。
  • 巧妙な改良でユーザビリティを改善します。
  • コード内のコメントと詳細なドキュメントで詳しく解説がついています。
である。

簡略にまとめるとノーマライズCSSとはリセットCSSにより無効化しなくてもいい有用なスタイルを補正(ノーマライズ=良いところを活かし、障害になる所を除去)してくれ、スマホ用のプラウザを始めHTML5のエレメントにも補正をかけてくれる。

ノーマライズ公式サイト

おまけ


Teehan+Lax
モバイルデバイスのサイト制作に役立つＧＵＩパーツをDL出来るサイト「Teehan+Lax」