reset.cssを学ぼう

reset.cssとは、ブラウザによってデフォルトで設定されているスタイルを打ち消すものです。

例えば、destyle.cssやHTML5 Doctor Reset CSSなどいくつか種類があります。

h1〜h6やpタグの余計なmarginなど、単純にデフォルトのスタイルを打ち消しまっさらな状態からスタイルを当てられることもメリットの1つですが、それ以外に重要な効果があります。

ブラウザのデフォルトスタイルは、実はブラウザの種類によって異なっています。reset.cssのおかげで、いちいちその差分を気にしてコーディングをしなくて良くなるのです。

そんなreset.cssを学べる記事をまとめました。

DMM WEBCAMP

URL:https://web-camp.io/magazine/archives/30817

reset.cssの必要性を、図を用いて解説されていて視覚的に分かりやすいのが良いです。ただし紹介されているreset.cssがやや古いので、もう一つの記事を参考にしましょう。

難易度:★☆☆

コリス

URL:https://coliss.com/articles/build-websites/operation/css/css-reset-for-modern-browser.html

reset.cssの説明はもちろん、最新のreset.cssが紹介されています。いくつか紹介されていますが、基本的には最初に紹介されているものを使えば良いでしょう。
関連記事にどのようにreset.cssを選ぶかまで書かれており、自分好みにアレンジしたい人にも役立ちます。

難易度:★☆

Leave a Reply

Your email address will not be published.