問題タブ [css-reset]

CSS3 のグローバルな CSS リセットが存在するかどうかは単純に疑問です。Eric MeyerまたはYUIによって作成された一般的に使用されるバージョンに沿ったものですが、特に CSS3 用です。Google、Github、SO などのチャネルに問い合わせましたが、包括的な解決策は見つかりませんでした。

編集：「リセット」という用語は、主にブラウザのデフォルト設定のリセットを扱っているため、誤解を招く可能性があります。「再調整」の方が適している場合があります。

ユースケースを明確にして提示する必要があります。

これは、通常の CSS リセットと連携して機能しますが、回転、ボックスの影、アニメーション、境界線の半径などによって引き起こされるスタイリングも処理します。たとえば、この投稿で前述したように:

上記のスニペットやその他の同様のスニペットは、現在の CSS リセットと同様に、影響を受ける可能性のある HTML タグに関連付けられます。

プロパティを管理している場合、これを実装する必要性はおそらくあまり一般的ではありません。ただし、たとえば、プラグイン スクリプトが呼び出されるページのスタイルがプラグイン自体のスタイルに影響を与える可能性がある、さまざまなドメインで使用されるアプリまたはプラグインを作成している場合は、次のようになります。これは非常に便利です。

CSS の継承を制御し、クロスドメインの問題を処理する方法が他にもあることは認識していますが、この質問は CSS3 のリセットに関して直接出されています。

どうもありがとう。

多くのCSSリセットは、<fieldset>タグの境界線、パディング、およびマージンを削除します。これは、すべてのブラウザで均一にレンダリングされるようにするためだと思います。ただし、リセット後、フィールドセットはHTML（フォーム）要素のグループを視覚的に分離しなくなりました。

2つの質問：

1. ブラウザは実際に<fieldset>sansリセットを異なる方法でレンダリングしますか？

2. CSSのリセット後に「境界線」を振り返る最良の方法は何ですか？次のようにスタイルを変更するだけです。

   /li>

私が説明しているもののいくつかの画像：

リセットなし：

リセットあり：

新しい Rails アプリに reset.css と modernizer.js を追加したいのですが、これを行うにはさまざまな方法があります。HTML5 BoilerPlate には reset.css とモダナイザーが含まれていると聞きましたが、その大部分はレールには必要ありません。多くのオプションに出くわしましたが、どれが自分のプロジェクトに最適なオプションかわかりません。

私は基本的に、フロントエンドでの開発をできるだけ簡単にすることを目指しています。すべてのブラウザーをサポートするつもりはありません。過去のいくつかのバージョンの FF、Chrome、および IE だけです。どのcssおよびjsライブラリを使用することをお勧めしますか?また、それらをrails3.2に追加するにはどうすればよいですか?

ありがとうございました

SCSS と Compass を使用しているサイトがあります。SCSS ファイルの先頭で Compass リセットを使用しましたが、問題なく動作@import 'compass/reset';しました。

これで、実際にデフォルトの箇条書きが必要な順序付けられていないリストができました。しかし、これまで何を試しても弾丸はありませんでした。

ここで何が欠けていますか？このリストのリセットをオーバーライドするには?

こんにちは

私はこの問題を抱えていました: それを解決するために、ここにreset.cssフォームを含めました-> http://meyerweb.com/eric/tools/css/reset/reset.css

一部のマージンが 0 であるため、サイトの外観が悪化し、次のようになります。

お願いします。フッターを見てください - reset.css のため、マージンとパディングを変更できません。

最初に reset.css をインクルードしようとしましたが、役に立ちませんでした。

質問は - どうすればこれを解決できますか?

こんにちは私はCSSのリセットから始める必要があることを理解していますが、デフォルトでChromeでウェブサイトを開発し、終了したらクロスブラウザ互換にすることを試み始めました。一般的なCSSリセットのいずれかを追加すると、余白がなくなり、テキストが小さくなり、背景のあるインラインSpanタグが互いに重なり合うことさえあり、すべてが台無しになります。

ですから、私が探しているのは、Chromeに設定されたCSSリセットです。これにより、他のすべてのブラウザがChromeのページと同じように表示されます。このようなものやそれを行う方法はありますか？

さまざまなブラウザーが風変わりな方法で動作し、ハックを利用して、すべてのブラウザーで CSS を希望どおりに表示することがあります。ただし、これは、HTML と CSS をまとめ始めた後に行うことです。

しかし、すべてのブラウザーに多かれ少なかれ同じ基準を適用していることを確認する最も簡単な方法は、ローカルの CSS ファイルをリセットすることです。

では、新しい HTML5 および CSS3 プロジェクトを開始するとき、すべてのベースをカバーするリセットは何ですか?

たとえば、私がやりたいことは次の 2 つです。

HTML5 の場合:

WordPressサイトで見たものは次のとおりです。

これらの種類のものを組み合わせた既製の CSS スクリプトがあることは知っていますが、最も信頼性が高く、完全で、クロスブラウザー フレンドリーで、最新で、維持されているのはどれでしょうか?

ありがとうございました！

これは奇妙な質問のように聞こえるかもしれませんが、実際には CSS リセット ファイルをブラウザーのデフォルトで上書きする必要があります (通常とは逆です)。

だから私のreset.css状態

それをブラウザのデフォルトでオーバーライドしたい。
設定

しかし動作しません。

これを行う方法はありますか？

グローバル CSS をテキスト型入力に設定しました。例えば：

colorpicker現在、特定の divでプラグインを使用しています。このプラグインは、カラー 16 進入力の入力要素をいくつか描画し、独自の CSS プロパティを設定します。

ただし、すでに設定されている CSS プロパティは、新しく設定された CSS と干渉します。これらの入力をリセットして、以前の CSS プロパティを使用させないようにする方法はありますか? 境界線のように、背後から設定されているすべてのプロパティがわかりません。境界線の影、パディングなどです。それらをすべてリセットして、新しい入力タイプを作成したいと思います。必要に応じて、Javascript/jQuery でそれを行うつもりです。私を助けてください。ありがとう！

$('.colorpicker input').resetCSS();編集:入力からすべての CSS プロパティを削除するようなものが存在する場合、それは素晴らしいことです! まさに私が必要とするもの。

IE10 +と、最も人気のあるブラウザの最新バージョンのみをサポートすることを目指しています。古いIEとMozの修正を無視する特定のブラウザのためだけにcssリセットがあるのだろうかと思います。

何も見つかりませんでしたが、Googleで検索しているときに見落としていたのかもしれません。もちろん自分で作成する予定ですが、利用できるライブラリがあればやり直したくありません。

ありがとう！