hamayuzinの日記

ITベンチャーに新卒入社し、エンジニアとかデータサイエンティスト、とかやってます。あの時 あれやってたな的な備忘録にできれば。

【0からやり直すフロント/html/css】スタイルのresetとnormalize

実は各ブラウザには、デフォルトである程度CSSの設定がされている。 自分のデザインを当てていると、これが邪魔になる。

そこで出てくるのが - reset.css - normalize.css

reset.css

その名の通り 元の設定を限りなく消してしまう。 ネット上にいくらでも 既製品がある。 有名なのは

Eric Meyer’s “Reset CSS” 2.0 | CSS Reset

normalize.css

その名の通り 各ブラウザの設定を限りなく 統一した状態に持っていく。

ココらへんが有名らしい

Normalize.css: Make browsers render all elements more consistently.

bootstrapでは標準で使われている模様

使い分け

What is the difference between Normalize.css and Reset CSS? - Stack Overflow

reset.cssは 全て消してしまう。 そのため「全て」自分でデザインを当てる必要がある

一方の、normalize.cssは 元からあるものを有効活用する分、記述するコード量が減るよう

sanitize.css

新しくsanitize.cssというのもある normalize.cssと同じ思想

sanitize.css