リセットCSSの作り方

Question

リセットCSSはどのように作るのですか？初期値に戻すだけですか？
また、 皆さんはどうしていますか？

書きたいです

Answer 1

こんにちは。

CSSリセットは、y_nishizawaさんも書かれていますが、ご自身で書かなくても、すぐれたものがインターネット上にいろいろと用意されています。
僕がおすすめするサイトは、CSS Reset（リンク）です。トップページには、年間の人気ベスト5がラインアップされていますので、コードの内容をごらんになったうえで、ご自身の目的にあうと思われるものいくつかダウンロードして、試してみるるのがよいと思います。

また、normalize.cssについての言及がありましたので、CSSリセットとの違いを、かんたんにふれておきたいと思います。
CSSリセットは、それぞれのブラウザにおけるほぼすべての要素のスタイルをフラットにすることで、おなじ見た目をあたえます。一方、normalize.cssは、ブラウザごとの多くの有用なデフォルトのスタイルを維持しつつ、あらゆるHTML要素のスタイルを文字通り正常化します。
両者は、そのスコープと制作において、あきらかに異なるアプローチをしていますので、ご自身の開発の目的にフィットするかどうかという点を考慮して選択していただければと思います。
※normalize.cssも先ほど紹介させていただいた CSS Resetからダウンロードできますが、最新版が必要な場合はこちら（リンク）にアクセスしてください。

せっかくですので、もうひとつ、sanitize.css（リンク）についてもふれておきたいと思います。
sanitize.cssは、normalize.cssの共同開発者である Jonathan Nealの新しいプロジェクトで、HTMLの各要素のブラウザごとに異なる差異をなくし、スタイルをリセットするスタイルシートです。
この開発には、最近の実装スタイルにあわせたアプローチがとられており、急速に普及しているスマートフォンなどのモバイルにも対応しています。
よろしければ、こちらの選択肢のひつととして検討されてみてはいかがでしょうか。

以上、ご参考いただければ幸いです。

Comments

[退会済みユーザー]

ありがとうございます

[退会済みユーザー]

motryさん、コメント（返信）をいただきありがとうございます。
僕の回答が、すこしでもお役に立てるようであればうれしいです。

Answer 2

リセットCSSとはブラウザ間のデフォルトスタイルシートの誤差をなくそうという動きの元作られています。
わざわざ作らなくても、色々と考えて作っている人たちがいっぱいいるのでライセンスを気にしながら拝借してきたらいいのではないでしょうか。

私はリセットCSSを使わずnormalizeを使っています。
余計なデフォルトスタイルシートを消さずに済むので、デザインからのコーディングはし易いです。

好き嫌いがあるので一回両方使ってみてやりやすい方を使えばいいと思います。
ご参考までに。