【CSS】 normalize cssとreset cssってなに?

サイトを制作するに当たってHTMLとCSSが必要になるのですがHTMLは文章構造、CSSはその文章構造のサイズや色や位置決めをする。
となると、デザインの要素はCSSです。
万が一CSSが読み込めない場合HTMLファイルだけでも表示されます。
なぜか?ブラウザ毎に予めスタイルを持っているからです。
現時点でサイトを制作する時、理想のサイトとは各主要ブラウザで同じ様に表示されることです。(各主要ブラウザはIE,Chrome,Firefox,safari等)
ページの表示には、ブラウザ毎のデフォルトのスタイルが反映され、次にサイト制作したスタイルを読み込みます。このためデフォルトのスタイルの位置等がずれていれば、必然的にピクセル単位などでもズレます。
そこで、ブラウザ毎のデフォルトのスタイルを読み込んだ直後にすべて0ベースまたは統一にするのがreset cssです。
resetする場合はCSSの先頭に置き、その後で独自のCSSを記入していけばよいでしょう。
normalize cssは、ブラウザ毎のデフォルトのスタイルを均一化することで、活かしながら使用することです。これも独自CSSの先頭に記載しておけばブラウザ毎のデフォルトスタイルを読み込んだ直後に均一化し、それから作成したCSSを読み込むことになります。
重要なことですがCSSをブラウザが読み込むには優先順位があり、読み込む順番に従い上書きされますので同一タグの記述であれば上書きし後述した記述が反映されます。

自分はnormalize cssを使用していますが、いろんなサイトを見ているといろんな意見があるのでやりやすい方法で制作するのがよいかと思います。normalize cssを使用しているのは、利用してみてちょっと驚きがあったのと主要ブラウザで確認した時にある程度意図したように表示されること、resetした場合はCSSの記述が増える箇所があるからです。今のところはnormalizeの方が楽かなぁと思っていますが、状況に応じて変更する場合もあるかもしれません。使った事の無い方は、1度ご利用してみるのもよいかと思います。

最後になりますが、Webの制作方法などにも様々な方法があり、正解も不正解もないと思う、出来ればよいと言う考え方には賛成です。
しかしながら、より多くの人に見てもらうために小さな努力を積み重ね、情報をキャッチし、試し、採用するかを判断することがWebの世界であると思うし、最終的にはこの考え方に行き着くんじゃないかなぁ?って思ったり思わなかったりw
試練はつづくよどこまでも、、、