123

どの HTML5 リセット CSS を使用していますか? その理由は? より多くのケースをカバーすることがわかったものはありますか?

私は HTML5 Doctor's を使い始めました: http://html5doctor.com/html-5-reset-stylesheet/

4

8 に答える 8

40

本当の話: マークダウンkaikaiが正しいにもかかわらず、*padding と margin を 0 にリセットするだけで済みます。

残念ながら、私たちの 99% は、何百ものブラウザ バージョンに対応するためのリソースやマンパワーを持っていません。そのため、一般的な Web サイトにはリセット シートが不可欠です。

html5reset: (邪魔すぎる)

http://html5reset.org/を見てみました

img,
object,
embed {max-width: 100%;}

と：

html {overflow-y: scroll;}

善意であることは理解していますが、それはリセット シートの仕事ではありません。あまりにも多くの仮定を立てています。

BluePrint Reset:(文字通り青写真) 

body {
  line-height: 1.5;
  background: white;
}

1.5どうした。そして、なぜ背景が白なのですか？

Normalize.css: (通常ではありません)

https://github.com/necolas/normalize.css/blob/master/normalize.css

いくつかのウェブキット/つまりハックでうまくいきましたが、

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

すべてのヘッダー タグが対象となります。& ボディの行の高さをリセットしません。

上記のすべてが意図したとおりに機能すると確信していますが、必要以上にオーバーライドされる可能性があります。

エリック・マイヤー

ユイ

HTML5ボイラープレート

上記は、ボイラープレートが（友好的すぎる）側に傾いているプロ向けです。人気があるためだと思います。現時点では、カスタマイズされたリセットの 80% がボイラープレートです。

3つすべてを少しずつ調べて、自分で作成します。ロケット科学ではありません.

于 2012-03-31T22:51:44.680 に答える
19

Normalize.cssは、デスクトップ ブラウザーとモバイル ブラウザーの両方に最適で、多くの一般的な HTML テンプレートで使用されています。

しかし、とall以外の CSS プロパティをリセットする CSS プロパティを使用するのはどうでしょうか? そうすれば、追加のファイルを含める必要はありません。directionunicode-bidi

{
    all: unset
}

CSSallは、IE/Edge を除いて幅広くサポートされています。同様にunset。

于 2012-10-26T14:57:59.513 に答える
6

Blueprint CSSフレームワークで使用されるreset.cssは適切に機能し、HTML5 要素が含まれています。screen.cssファイルに含まれます。

ブループリントは、新しいサイトの迅速なプロトタイピングに役立つリソースであり、そのソース コードはよく整理されており、学ぶ価値があります。

于 2010-09-24T21:20:27.450 に答える
4

Eric Meyer は、CSS リセットの v2 もリリースしました (ほぼ 1 年前にリリースしました)。

http://meyerweb.com/eric/tools/css/reset/

于 2011-12-19T11:29:06.147 に答える
4
  1. 多くの CSS リセットとは異なり、有用なデフォルトを保持します。
  2. 幅広い HTML 要素のスタイルを正規化します。
  3. バグと一般的なブラウザーの不一致を修正します。
  4. 細かな改良で使いやすさを向上。
  5. 詳細なコメントを使用して、コードが何をするかを説明します。

正規化.css

于 2012-03-16T17:50:16.550 に答える
2

HTML5 仕様には、CSS 対応ブラウザー向けの推奨 CSS 宣言が含まれています。それを楽しむために、私はそれらを取り、それが理にかなっている場合はそれらを元に戻しました。この記事で結果を確認できます。

ただし、これを本番環境で使用することはお勧めしません。これはコンセプトの証明であり、万能のリセット スタイルシートとして機能するよりも、ヒントを与えるために使用する方が適している可能性があります。以前の他の提案のいずれかがより良い選択かもしれません。

于 2011-05-05T19:58:41.940 に答える
2 
* {
    margin: 0;
    padding: 0;
}

シンプルだが完全に効果的。おそらく次のものを投げます：

body {
    font-size: small;
}

適切な測定のために。

于 2010-08-15T10:08:06.343 に答える
0

私は Normalize または HTML5 Doctor のリセットを使用し、現在取り組んでいるプロジェクトに合わせて変更しています。

ところで、多かれ少なかれ標準になったのは、リセットを使用するという概念にすぎません。

于 2013-01-07T16:21:28.797 に答える