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

ブラウザにはデフォルトスタイルシートというモノがあり、あらかじめスタイルシートが定義されている
  通常HTMLで文章を記述すれば、CSSの指定が無くても適度な間隔や大きさで文章が表示される
  便利では有るが、CSSで明確に指定しないので、ブラウザ間の表示の様子に差が出てくる

リセットCSSとは、初期値化したCSSを使用することで、各ブラウザの設定内容を無効化するもの
  全ての要素が全てのブラウザで同一のスタイルで統一されて表示される様になる

    要素セレクタごとに各々リセット値を記述する
    デフォルトで使っていた機能がリセットされ無くなるので、省略していた記述が新たに必要となる
  リセットCSSを提案しているサービスは多くある、一番有名なのは【Yahoo! UI Library】である

ノーマライズCSSとは、ブラウザごとのCSSの差を埋めてくれるもの
  デフォルトスタイルシートを維持したまま、ブラウザごとの整合性をとってくれているCSSです
    各ブラウザの差を埋めるだけの必要最低限の記述で済ましている(機能的に不足した状態である)
    そのままリセットCSSとして使用するのは止めた方が良い
      各ブラウザ対応する際に参考程度に利用するのが良いと思われる


Comments

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください