12

私はJSFiddleでHTMLの順序付けられていないリストを使用してコードを試していましたが、<ul>明らかな理由がないのに、の箇条書きが表示されないことに気づき、イライラしました。コードでさまざまなことを試してみると、jsfiddleページの「正規化されたcss」オプションのチェックを外す必要があることにようやく気づきました。

その後、私はそれが実際に何であるかをグーグルで検索し、W3C.orgからこのページを読みました。このページでは、発音区別符号とアクセントについてのみ説明しています。わかりました。しかし、正規化されたcssオプションがチェックされた状態で箇条書きが表示されなかったのはなぜですか？そのオプションを選択した場合に影響を受ける他のことは何ですか？

ご覧いただきありがとうございます。

4

3 に答える 3

15

cssを正規化すると、html要素をレンダリングするときにブラウザ間の違いを均等にしようとします。多くのブラウザには「事前設定」がpあります。h要素には垂直方向の余白があり、リストにはある程度の余白とパディングもあります。emタグのstrongフォントの太さは太字です。

このすべての事前設定がリセットされるため、すべてのブラウザーで一貫した作業ベースが得られます。

JSFiddlesnormalize.cssは次のようになります。

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;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,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;}

cssを正規化する意味については議論の余地があります。これは、スタイルシートですべてのスタイルを手動で再宣言する必要があるためです（たとえば、ブラウザーで同等に扱われるタグやタグなどfont-weight、意味のあるプリセットも）。emstrong

Eric Meyerのリセットをしばらく使用しましたが、再宣言が必要なスタイルが多すぎるため、使用を中止しました。IMOの価値はありませんでした。

本当に良いスタイルノーマライザーについては、 http： //html5boilerplate.com/のstyle.cssをご覧ください。

于 2012-07-20T11:23:18.857 に答える
1

Normalize.cssはよく知られているリセットスタイルシートであり、ブラウザ間でいくつかの基本スタイルを調整して、開発の共通の基盤として設定するために使用されます。

一部の開発者はそれが冗長であると感じているか、独自のリセットスタイルシートを使用することを好むかもしれません。多くの既製のリセットスクリプトが利用可能です。その中には、有名なEric Mayerのreset.css（BluePrintで使用）やYUI2のスタイルシートがあります。

最高のCSSリセットに関するSOの投稿、およびリセットスタイルシートのコレクションのベストも参照してください。

于 2012-07-20T11:24:43.943 に答える
0

jsfiddleで使用される意味での「正規化」とは、物事をクリーンアップすることを目的とした一連のCSSルールを適用することを意味します。これは「CSSリセット」と呼ばれることが多く、議論されている手法です。ブラウザのデフォルトをオーバーライドする場合、デフォルトの上下の余白やul要素のインデントなど、Webの黎明期から使用されてきたデフォルトのレンダリングや、デフォルトのリストマーカー（箇条書き）もオーバーライドされる可能性があることを理解しておくことが重要です。 。これは、特定の「正規化」スタイルシートの使用、その積極性に依存します。

上記のW3Cページで説明されている正規化は、これとは何の関係もありません。これは、文字のUnicode正規化、つまり文字レベルで（発生したときに）発生する、比較的理論的な問題を扱います。

于 2012-07-20T13:09:53.657 に答える