12

たとえば、Meyerリセットには要素1の長いリストがあり、これを*？に置き換えることができると思います。

私はいくつかの使用を見てきました：

* {
   margin: 0;
   padding: 0;
 }

しかし、より「高度な」リセットは、タグを明示的に示すことで行われるようです。

タグリストでカバーされていない（おそらく）aでカバーされている要素は、、、および*ですinput。button実際select、Eric Meyerのリセットは、これらの要素を実際にはまったく処理していないようです。これらの要素のリセットを回避することが問題である場合…なぜそうしませんか？ブラウザは明らかに、すべてのフォーム要素が同じであるとは限りません。

興味があれば1 。html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, I, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video

4

3 に答える 3

15

あなたは正しく推測しました-理由はform要素です。

border: 0たとえば、を設定inputすると、ネイティブスタイルが失われます。

例： http： //jsfiddle.net/nrB6N/

そして、そのデフォルトのスタイルを取り戻す方法はありません。

于 2011-07-29T23:28:58.100 に答える
8

*本当に、パフォーマンスに本当に悪いです（小さなサイトでは実際には問題ではありませんが、たとえば5000以上のHTML要素の影響を考えてください）。特定の要素をターゲットにすることは、常により速く、より効率的です。IDとCLASSのどちらを使用するかを選択する際にも、注意が必要です。今日では一般的ではないJavaScriptを考慮に入れると、IDまたは正確なCSSステートメントを使用して要素をターゲットにするとパフォーマンスが向上することがわかります。

http://code.google.com/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors

ps。速度とは別に、input要素にも影響します。要素は、*境界線、パディング、マージン0の後にスタイルを設定するのが非常に難しくなり、特にIEではブラウザー間で同じように見えます。続きを読む： http： //www.christianmontoya.com/2007/02/01/css-techniques-i-use-all-the-time/

于 2011-07-29T23:36:06.140 に答える
2

主な理由は、パフォーマンスが低下したためです。また、常にすべての要素にリセットを適用したくないので、問題を引き起こすことがわかっている要素（ボックスモデル周辺）を除きます。

また、のスタイルをリセットするとselect、input望ましくないエクスペリエンスが発生する可能性があります。

于 2011-07-29T23:28:46.160 に答える