問題タブ [css-reset]

最も一般的なリセット CSS ページでは、CSS を含めるために使用することを提案して@importいます。トップGoogleヒットに名前を付けます。

ただし、CSSを含める最良の方法は? @import を使用する理由 誰もがそれに同意し、@importそれにリンクする方が優れていて速いことに同意しています。では、リセットされたすべての CSS の例でなぜそれが使用されているのでしょうか? 明らかな何かが欠けていますか？

新しい MVC プロジェクトを作成したいのですが、いつ CSS リセットを使用する必要があるのでしょうか? 毎回 CSS リセットを使用しますか?

新しいプロジェクトを開始するときは、どのツール、フレームワーク、およびライブラリを使用するかが常に問題になります。よくEric Meyer の CSS Resetを入れていましたが、今回はNormalize.cssに切り替えます。ライブラリではなく、カスタマイズ可能な出発点として理解しています。normalize.css ファイルを含めて、その特定の部分を上書きすることをお勧めします。しかし、これが正しい方法であるかどうかはわかりません。これよりも normalize.css ファイルを更新するのは難しいでしょう。Normalize.css も不明のようです。

github.comのドキュメントから

Normalize.css はカスタマイズ可能な CSS ファイルで、[…]

README.md、3行目

normalize.css ファイルをそのままのライブラリ コードとして含めることをお勧めします。

README.md、21 行目

何を提案しますか？

私は常に box-sizing: border-box; を使用しています。CSSファイルを作成するときのすべての要素、つまり

ただし、これをファイル「Normalize.css」( https://github.com/necolas/normalize.css )で動作させることができないようです

上記のコードを独自の CSS ファイルの先頭に追加しようとしましたが、正規化自体は成功しませんでした。

他の CSS リセット ファイルほど抜本的ではないので、normalize.css を利用したいと思いますが、box-sizing: border-box; を受け入れるにはどうすればよいですか。すべての要素に影響を与え、クロスブラウザフレンドリーになるように?

フォントを設定するリセット (Eric Meyer のリセット) があり、その上にスタイルシートをロードします。このスタイルシートでは、ユニバーサル セレクターを使用してフォントをグローバルに設定します。

しかし、私のSASSではリセット後にユニバーサルセレクターがロードされますが、リセットが優先されます。(devtools からの添付のスクリーンショットを参照してください)

これが特異性に関係していることは知っていますが、ユニバーサルセレクターはワイルドカードとして機能すると思いました。どうしてこれなの？

この質問は、これまでここで尋ねられたことはありませんが、Google でも関連する回答が見つかりませんでした。

リセットCSSファイルは非常に多くのフレームワークで広く使用されていますが、ブートストラップには含まれていないので、追加する必要がありますか??

all: initialページ内の特別な「ウィジェット」の CSS を分離するために使用しようとしています。問題は、Safari と IE10 以前がこのallプロパティをサポートしておらず、IE がinitial値をサポートしていないことです。

CSS または JavaScript を使用して、同じ動作をエミュレートする方法はありますか?

たとえば、CSS 仕様で定義されたすべてのプロパティを含み、仕様で指定された初期値に設定する CSS クラスを作成することは可能だと思います。すでにそれを行っている CSS クラスはありますか?

「CSS リセット」をグーグルで検索すると、ユーザー エージェント スタイルシート間の違いを正規化することを特に意図した多数のスタイルシートが得られますall: initial。