normalize.css とある種の CSS リセットの両方を使用すると、大きな問題が発生するのではないかと考えていました。私は掘り下げてきましたが、私が遭遇したすべての記事は、どちらかまたはどちらかの方法でそれらについて話しているだけで、2つを組み合わせることについては何も話していません.
CSS の正規化の経験は確かにほとんどありませんが、normalize.css を使用してほぼ理想的なクロスブラウザーの一貫性から始めてから、選択した CSS リセットを追加するのが理想的だと思います。
このアプローチには何か問題がありますか？
ありがとう。
normalize.css をロードしてから reset.css をロードするのが「間違っている」とは言いません。あまり効率的でも役に立たないだけです。ブラウザは normalize.css からすべてのスタイルを読み込み、reset.css を読み込んだ後、normalize.css からすべてのスタイルを削除します。つまり、リセットは、正規化されたスタイルとブラウザーが最初に持っていたスタイルを「削除」するだけです。したがって、その時点では、reset.css のみを使用し、normalize.css を使用しない方がよいでしょう。これにより、ユーザーがダウンロードするファイルが 1 つ少なくなり、開発者ツールを使用してサイトを検査する際の混乱が軽減されます。
リセットするとすべてが 0 になり、すべてのスタイルを構築する必要があります。
代わりに、Normalize.css を使用すると、Web ブラウザーに付属する既定のスタイルが同じように見えます。<h1>その背後にある理由は、ブラウザーの既定のスタイルが通常役立つためです。たとえば、のサイズを設定するのを忘れた場合<h1>、 は既定のスタイルを継承し、他の見出しよりも大きく表示されるので安心できます。