最近、Webページの形式を調整して、Webページの下部に常に約10ピクセルのスペースがあることを確認しました。
マージンボットンがあることがわかっています：1em;
このユーザーエージェントStyleSheetは、迷惑のデフォルトスタイルの一部であることがわかりました。このデフォルトのスタイルに不満を抱く最も簡単な解決策は、このスタイルの属性を再設計することです。マージンボトムは0pxに設定されています。
ユーザーエージェントStyleSheetはじめに異なるブラウザは、同じ要素のデフォルトスタイルと矛盾しています。そのため、CSS* {PADDING：0}の冒頭で書く必要があります。
しかし、今ではこれらだけではありません。基本的に、インデントのサイズ、フォントの選択、キャラクタースタイルなど、特定の要素の異なるカーネルの2つのブラウザのパフォーマンスに違いがあります。おそらく、CSSのバグがない場合でも、1つのブラウザで非常に美しいCSSスタイルのテーブルが適切に実行されます。
したがって、CSSスタイルのルールを生成する場合、必須のステップは、ブラウザのデフォルトスタイル、つまりブラウザのデフォルトスタイルを再設計することです。 * {パディング：0}の使用とは異なります。
たとえば、次の段落：
インターネットエクスプローラーのこのコードで使用されているフォントはTimes New Romanであり、システムのデフォルトフォントはFirefoxとOperaで使用されます。したがって、CSSで<H1>の統一スタイルを設定する必要があります。
ただし、* {padding：0}を使用する場合、スルー - ベストスタイルを使用すると、単にグローバルスタイルを設定するには、フォーム要素、入力要素、テキストエリアなど、非常に明白な問題が表示されます。一部のブラウザはそれらの再設計を無視します。さらに重要なことに、これはこれらの要素の外観を重大な損傷するため、パディング値とマージン値を1つずつ手動で設定する必要があります。したがって、単純に使用する*をあきらめる必要がありますが、ボディ、div、dl、dt、dd、ul、li、li、H2、H3、H4、H5、H5、H5、H6など、存在する矛盾とともに最初の要素を再生する必要があります。 、事前など
同時に、要素のデフォルトスタイルがページの外観を破壊する場合があります。たとえば、<b>要素はテキストを厚くし、<blockquote>は大きなセクションでインデントし、<em>はテキストを傾けます。同時に、これらの要素の外観が親要素として表示されることがあり、親要素から継承するために継承を直接使用することができます。
処理方法どの要素が再セットする必要がありますか？ Yahoo！ Yahooの提案によると、これらのルールをReset.CSSのみというファイルに配置する必要があります（この方法を推奨）。
html {color：＃000; #fff;} body、div、dl、dd、dd、li、h2、h3、h5、h6、premet、fieldset、input、textarea、p、blockquote、th 、TD {マージン：0;}テーブル{境界線：0;}フィールドセット、img {border：0;} 、var {font-style：normal：normal;} ol、ul {none;} caption、th {left;} h1、h2、h3、h4、h5、h6 { font-size：100％; font-weight：normal;} q：q：after {content： '';} abbr {border：0;}あなたがしなければならないことは、これらのルールを単にreset.cssに保存し、ページでそれを使用することです。これらの要素に新しいスタイルを追加する必要がある場合、それは他の要素の設定と違いはありません。
注： input、textarea、selection {*font-size：100％;}インターネットエクスプローラーのみが、インターネットエクスプローラーのテーブルフォントのテーブルフォントのサイズを認識できます。要約します上記は、この記事のコンテンツがすべての学習や仕事をするのに役立つことを願っています。