2021年3月19日のブックマーク (1件)

  • リセットCSS、ノーマライズCSS、サニタイズCSSの違い - Qiita

    はじめに、デフォルトCSSについて HTMLのタグには、デフォルトCSSが設定されています。 例えば<h1>タグはfont-sizeを設定したわけでもないのに大きくボールドで表示されます。 <p>タグも同様にmargin系のプロパティを設定していないのに下に空きができます。 CSSでスタイルを設定しようとすると、思ったとおりの見栄えが実現できないことがよくありますが、理由の1つがこのデフォルトCSSです。 デフォルトCSSの挙動は把握する必要はありますが、一方でデフォルトCSSはブラウザごとに微妙に設定が違います。 これをある程度揃える目的でリセットCSS、ノーマライズCSS、サニタイズCSSが存在します。 デフォルトCSSを揃えるCSS 下記のHTMLを表示させることを考えます。 <h1>&lt;h1&gt;でマークアップされた見出し</h1> <h2>&lt;h2&gt;でマークアップ

    リセットCSS、ノーマライズCSS、サニタイズCSSの違い - Qiita