1

非常に基本的なスタイルリセットまたはスタイルシートの初期化を設定すると、特定のブラウザのデフォルトが影響を受けたため、予期しない結果が生じることがわかりました。これ（私は愚かです）は、リセットを使用してデフォルトをオフにしたことに気付くまで、私を陽気なダンスに導きました。

私は現在、他の悪影響を特定するすべてのページを注意深く選んでいます。

リセットを使用するかどうかは個人の好みに大きく依存すると思いますが、もちろんこれが私が持っている呪いであると考えすぎているかもしれません。それでも、これが良い習慣なのか、それともすべてを複雑にしすぎる良い方法なのかについて意見を述べたいと思います。

良い習慣であれば、リセットを適用するのが適切な特定の時期があります。

Eric Meyerの記事の リセットの推論は、私にとって完全に理にかなっているため、非常に基本的なリセットを採用しています。私は完全なEricMeyerリセットを採用しませんでしたが、これはもちろん私の失敗だったかもしれません。私はこの段階でそれを再検討するつもりはありません。

しかし、私は意見が何であるか、そして私が将来これを適用しようとすべきかどうかを知りたいと思います。

よろしく

4

2 に答える 2

2

これはあなたがあなたのウェブページを書く方法とあなたのプロジェクトのサイズに絶対に依存します。ほとんどのページはリセットせずに「まあ、大丈夫」ですが、すべてのブラウザで完全または一貫しているわけではありません。

CSSリセットを使用する理由は簡単です。もっと興味深い質問は、CSSリセットを使用しない理由です。

ブラウザで定義されたデフォルトのスタイル（たとえば、h1, h2, h3, h4, h5, h6レンダリングの方法や、ul箇条書きのデフォルトでの動作、デフォルトのmargins/paddingsなど）に依存している場合、CSSをリセットすると、おそらく追加の作業が必要になります。 。言い換えると、リセットを実行すると、すべてのHTML要素がほとんど「何もない」状態に戻ります。セマンティックグループ化タグの集まりです...

どちらがいいですか。

これは、スタイリングではなく、HTMLがどのようなものであるかを想定しています。しかし、論理的および意味的なグループ化のために。要素を最初からスタイリングすると、より詳細な制御が可能になり、ブラウザー固有の微調整や苦痛を軽減できます。

さらに、jsFiddleがそれを行うので、それはいくつかの良いものでなければなりません！

于 2012-09-03T09:22:25.577 に答える
1

特定のブラウザのデフォルトが影響を受けたため。

影響を受けなかった他のデフォルトはバグになります。これがCSSのリセットの要点だからです。

リセットスタイルシートの1つの悪い点は（それ自体にバグがないと仮定して）、使用されるすべての要素のスタイルについて考える必要があることです。

リセットスタイルシートの良い点は、使用するすべての要素について考える必要があるのはあなただけだということです。使用しないことは、コミュニケーションがうまく取れていない同僚と一緒に仕事をすることに少し似ています-仕事にうまく合うことを彼らがたまたま行うときに時間を節約できますが、仕事を複製している場合でも、場合によってはギャップの間にある場合でも無視されるのは明らかではありません。

実際には、2つの哲学のどちらがプロジェクトに最も適しているかによって異なります。

  1. 多くのスタイルがブラウザのデフォルトと（このアプローチのプラス）ユーザー設定に依存することに満足しています。必要なCSSのみを追加し、デフォルトのサイズやフォントなどをブラウザーに依存させます。

  2. あなたはすべての要素について非常に正確な発言をするよう努めています。

これらのアプローチには長所と短所があり、2番目のアプローチの長所は最近増加しています。これは、読みやすくするためにテキストのサイズを変更するためにブラウザーで使用されるメカニズムが変更されたため、テキストだけでなくページ全体のサイズが変更されるためです。 （これは、前に2番目のアプローチを採用する際の大きな問題でした。いくつかの設定でデザインが壊れるか、一部のユーザーがそれをまったく読めないように依存していたデザインの壊れた設定があります）。

最初のアプローチでは、リセットシートを使用すると、あなたが取っている哲学そのものが破壊され、すべてが台無しになります。

2番目のアプローチでは、リセットシートを使用することが最初のステップとして適しています。リセットシートが問題を引き起こしていることに気付いたときはいつでも、あなたが本当に見つけたのは、あなたがすべきこと、あなたがしなかったこと、そしてあなたにとってその問題を浮き彫りにしたことでした。リセットシートなしで2番目のアプローチを実行すると、少なくとも使用されている要素に関しては、それを使用した場合と同じ結果に効果的に到達できます。

于 2012-09-03T09:24:58.087 に答える