みなさん、こんにちわ! ジャングルオーシャンのラファエロです!! HTMLのタグには「デフォルトCSS」と呼ばれる、ブラウザに組み込まれたCSSがはじめから適応されているのをご存知でしょうか? 例えば、見出しをh1タグでマークアップするとfont-sizeでサイズ指定した訳じゃないのに大きなフォントサイズで表示されますよね? またliタグにはlist-styleを指定した訳じゃないのに文頭に「・」が付いていたり、pタグにmarginを指定した訳じゃないのにmarginが付いていたり… これがデフォルトCSSなんですが、結局のところ自分で書いたCSSで上書いてしまうので邪魔なんですよね(^^;) さらに面倒くさいのが、ブラウザごとに差異があること… ブラウザごとに見え方の違うWebサイト作るわけにはいかないですよね。 ということで、今回はデフォルトCSSの影響を受けずにコーディングするために
![【サンプルあり】リセット・ノーマライズ・サニタイズCSSの違いと使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/82d50b9b39f063b36e9250495895814ef690cb29/height=288;version=1;width=512/https%3A%2F%2Fwww.jungleocean.com%2Fwp%2Fwp-content%2Fuploads%2F2019%2F04%2F2019-04-14-23.14.20.jpg)