73

この reset.css ファイルは jquery イメージ スライダー デモ内で見つかりましたが、メインの index.html ファイルには含まれていませんでした。は何をすることになっているのか、さらに重要なのは、それをどこに置くのか? 参照される stylesheets() の前に置きますか?

これがreset.css内のコードです

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
html,body {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
input{
    border:1px solid #b0b0b0;
    padding:3px 5px 4px;
    color:#979797;
    width:190px;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}
4

8 に答える 8

113

当初、スタイルがどのように機能するかについての標準化はなく、各ブラウザーは正しいと思われるものを実装していました。IE のスタイル エラーに関する質問が非常に多い理由の 1 つは、IE がスタイルに関して他のブラウザーとの相違点が最も多いブラウザーだったからです。IE は改善されており、他のブラウザーも同様に改善されていますが、独自の境界線、パディング、マージン、ズーム、フォントを要素に適用して、ページに独自の感触を与えています。一例として、クロムはテキスト ボックスに独自の黄色の境界線を与えます。「リセット」は、実際にはこれらすべてのスタイルをゼロまたはなしに「リセット」するため、ページに適用していないスタイルは表示されません。

これらのスタイルが「リセット」されていない場合、不要なスタイル/効果や破損が発生します。一般に、ブラウザのスタイルを「リセット」することをお勧めします。

この記事をご覧ください CSS をリセットする必要がありますか?

于 2012-07-20T12:11:20.740 に答える
43

reset.css は、ブラウザのデフォルト スタイルを正規化するために使用されます。

例：

ここに画像の説明を入力

于 2012-07-20T12:02:56.723 に答える
18

ここで答えを見ると、「リセット」と「正規化」の間に少し混乱があるようです。彼らの目標は少し異なります。

CSSリセットは、ブラウザの組み込みスタイルを削除するために、他のスタイルの前にロードするスタイルのセットです。最初で最も人気のあるものの1つは、EricMayerのResetCSSでした。

もう1つのオプションは、ブラウザーの組み込みスタイルを調和させることです。これを実現するための最も人気のあるツールは、現在Normalize.cssです。

于 2012-07-21T07:39:31.040 に答える
5

ブラウザには、さまざまな html 要素に適用されるさまざまな「組み込み」スタイルがあります。これらのスタイル定義は、ブラウザーによって異なる場合があります。正規化 css ファイルは、これらのブラウザー固有のスタイルをリセットすることにより、ブラウザー間でページのレンダリングを「正規化」することを目的としています。

独自のスタイル定義の前に含める必要があります。そうしないと、これらのスタイルが (css のカスケードの性質により) 宣言をオーバーライドする可能性があり、あまり意味がありません;)

最も人気のあるスタイルのリセットは、おそらくEric Meyer のもので、背景情報が少し付いています..

于 2012-07-20T11:58:10.737 に答える
4

ブラウザーは、受信した HTML および CSS をネイティブのレンダリング エンジンに従ってレンダリングする場合があります。異なるブラウザーは異なるレンダリング アプローチを使用する場合があります [IE ;) 私の言いたいことがわかっている場合]、reset.css の意図は、すべての属性を共通の事前定義された値に設定して、開発者/デザイナーがレンダリング エンジンの一部を忘れて、スクラッチ。

于 2012-07-20T11:58:46.303 に答える
3

すべてのブラウザには独自のデフォルトのuser agentスタイルシートがあり、スタイル設定されていない Web サイトを読みやすくするために使用されます。たとえば、ほとんどのブラウザはデフォルトでリンクを青、訪問したリンクを紫にし、テーブルに一定量の境界線とパディングを与え、変数font-sizeをH1、H2、H3などに適用し、一定量のパディングをほとんどすべてに適用します。

ブラウザごとに送信ボタンの表示が異なるのはなぜだろうと思ったことはありませんか?

明らかに、これは、Web サイトをすべてのブラウザーで同じように見せる方法を理解できない CSS 作成者にとって、ある程度の頭痛の種になります。

CSS リセットを使用すると、CSS 作成者はすべてのブラウザーですべてのスタイルを null にリセットするように強制できます。これにより、ブラウザー間の違いを可能な限り回避できます。

リセットによって設定した一貫性のあるベースから、ドキュメントのスタイルを変更することができます。HTML のデフォルトのレンダリングにおけるブラウザーの違いがあなたに影響を与えることはありません!

この記事がお役に立てば幸いです。どの CSS リセットを使用する必要がありますか? .

于 2012-07-20T12:10:23.837 に答える
3

CSS リセット (または「CSS のリセット」) は、すべての HTML 要素のスタイル設定を一貫したベースラインにリセットする短い、多くの場合圧縮 (縮小) された CSS ルールのセットです。

ご存じないかもしれませんが、すべてのブラウザーには独自のデフォルトの「ユーザー エージェント」スタイルシートがあり、スタイル設定されていない Web サイトをより読みやすくするために使用されます。たとえば、ほとんどのブラウザは、デフォルトでリンクを青、訪問したリンクを紫にし、テーブルに一定量の境界線とパディングを与え、H1、H2、H3 などに可変フォント サイズを適用し、ほぼすべてに一定量のパディングを適用します。ブラウザごとに送信ボタンの表示が異なるのはなぜだろうと思ったことはありませんか?

明らかに、これは、Web サイトをすべてのブラウザーで同じように見せる方法を理解できない CSS 作成者にとって、ある程度の頭痛の種になります。

CSS リセットを使用すると、CSS 作成者はすべてのブラウザーですべてのスタイルを null にリセットするように強制できます。これにより、ブラウザー間の違いを可能な限り回避できます。

http://www.cssreset.com/what-is-a-css-reset/を参照してください

于 2012-07-20T12:28:08.827 に答える