問題タブ [css-reset]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
841 参照

css - 「font-size: 100%」の問題

CSS初心者なので的外れな質問でしたらすみません。

私はサイトを作っていて、これを使いました:

後で、実際には今日、EricMeyer の CSS リセットを 80% 宣言より上のページに適用しようとしましたが、フォントのサイズ設定であらゆる種類の問題が発生しています。

font-size 100% はフォントを変更しないと思っていたので、問題になるとは思いませんでした。「親のフォントを使用する」だけですが、そうではありません。

この font-size 100% 宣言は実際に何をしますか? リセットのすべての要素に適用されるのはなぜですか (つまり、html、body、div、span、a、b、i、font、etc {font-size} 私が使用していた body{font-size} だけではなく、うまく継承されますか)?


Before I "just remove the 100%" I'd like to know what it's actually doing. What does 100% actually mean, and why does Mr. Meyer apply it to a bunch of elements rather than just the body like I was doing?

0 投票する
3 に答える
585 参照

html - CSS のリセットに使用できる HTML テスト ファイルはありますか?

CSS のリセットがたくさんあります。モバイル デバイス用に何かを作成していて、不要な CSS をできるだけスキップしたいので、 CSS リセットの一部を実行してテストできる完全な HTML テスト ページがあるかどうか疑問に思っていました。

ルールをテストすることは、どのエッジ ケースが必要で、何を対象とし、その理由を知るための優れた方法でもあります。

0 投票する
1 に答える
5145 参照

css - クロスブラウザー エクスペリエンスを向上させたい既存の IE 専用サイトの CSS リセット シートはありますか?

私は、顧客が Internet Explorer でのみ作業する必要があると指定した、内部のカスタム ASP.NET サイトに取り組んでいます。これは、他のブラウザーで動作し、見栄えが良いことを確認するためのリソースが提供されていないことを意味しますが、エキゾチックな IE のみの技術やそのようなものは使用されていません.

最終的に誰かが他のブラウザを動作させたいと思っているので、他のブラウザのレイアウトを IE のようにするのに役立つ CSS リセット スタイルシートのようなものが存在するかどうか疑問に思っていました。

Firefox、ChromeなどをIEのように動作させることを特に目的としたリセットスタイルシートを探しています(これについて不快なコメントを残す人はいないと確信しています)。これは既存のレイアウトをあまり壊しません(テスト済み)現在は IE7 のみ)。

Javascript などで他の問題が発生することはわかっていますが、この質問は CSS/レイアウトのみに関するものです。

要するに、CSS を IE のデフォルトに「リセット」するための CSS リセット シートは存在しますか?

0 投票する
4 に答える
2179 参照

jquery - 範囲指定された CSS のリセット

ページに適切な量の HTML を動的にレンダリングする jQuery プラグインがあります。プラグインの消費者がプラグインをそのまま使用できるようにし、どの CSS スタイルを使用していても同じように見えるようにしたいと考えています。

したがって、「スコープ付き」の CSS リセットが必要です。つまり、プラグイン div 内で何かを言う機能は、所有者の CSS の影響を受けてはなりません。

これで明らかに、このスコープ内で使用するすべての HTML 要素をリセットできますが、あまり洗練されていないように見えます。他の誰かがこれを処理する方法はありますか?

0 投票する
1 に答える
965 参照

css - gwt-GWTアプリをCSSリセットする方法は?

私がやりたいのは、システム全体のCSSリセットを適用することです。これどうやってするの?

CSSリセットの意味について少し説明します。

リセットスタイルシートの目的は、デフォルトの行の高さ、見出しの余白やフォントサイズなど、ブラウザの不整合を減らすことです。

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

0 投票する
2 に答える
2993 参照

html-email - Web メールクライアントで HTML メールを表示するには?

こんにちは、小さな Web ベースの電子メール クライアントを構築しています。HTML メールの表示に問題があります。HTML メールの表示に関するベスト プラクティスは何ですか? 私が見つけたいくつかのこと

  1. CSS リセット
  2. メールの本文タグを剥がす
0 投票する
5 に答える
6268 参照

css - * {margin:0;についての混乱 パディング:0;}

私が読んだいくつかの記事で* {margin:0; padding:0;}は、Webサイトのパフォーマンスに影響を与えるため、使用をお勧めしません。それで私はreset.cssスタイルシートに目を向けました。

しかし、私は疑問に思っています、それはパフォーマンスにどのように影響しますか?

0 投票する
2 に答える
418 参照

css - CSSスタイルのリセット

通常、すべてのブラウザで同じスタイルにするために、一部のサイトには次のようなものがあります。

html, body, div, span, object, ... { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

彼らが単に使用しない理由はありますか?

*, html { ... }

0 投票する
5 に答える
20454 参照

css - 入力要素のwebkithtm5cssリセット

これはやや面倒です。Webkit(chrome 13カナリア経由)はさまざまな入力タイプのスタイリングを正しく行っており、デザインと大きく衝突しているようです。

特に、これらは私に頭痛の種を引き起こしています:

  • 選択した要素のグロー(アウトライン経由)
  • placeholder=テキストスタイル
  • フォーカスされたテキストエリアと入力フィールドの周りの醜い輝き

ボイラープレートとmodernizrを使用しています。

プレースホルダーを使用した単純なinput[type=search]ものは、テキストのスタイルを上書きします。

私はあなたがそれを介してそれをターゲットにできることを知っています

input::-webkit-input-placeholder

ただし、これは次のようなスタイルを設定できないようですtext-shadow-これは少しがらくたです。これが修正されるバグである可能性が高いかどうか、またはjavascriptプレースホルダーソリューションにフォールバックする必要があるかどうかを誰かが知っていますか?

検索入力は白いbgで出力され、基本CSSクラスで定義された丸みを帯びた角を削除します。リセットコードを見つけました:

そしてそれは一種の助けになります。

を設定して修正したフォーム要素の周りの輝きoutline: none

私が本当に求めているのは、CSSリセットであり、user agent stylesheet(Webインスペクターによると)それに影響を与える事前定義されたスタイルをすべて削除します。DoctypeがHTML5であるにもかかわらず、要素がHTML5の前と同じように単純にレンダリングされ、ベースCSSで設定された暗黙のルールに従うようにすることができるリセットはありますか?

私はそれを言うのは嫌ですが、メモリを大量に消費する問題とプラグインの速度の遅さにもかかわらず、FireFox4は実際にはすべてを完璧にレンダリングします。Webkitはあなたに代わってスタイルを設定しようとしてはいけません。必要に応じて、スタイルを設定できるAPIを提供するだけです...

0 投票する
3 に答える
411 参照

css - Reset.css は他のスタイルシートに影響しますか?

私は新しいプロジェクトを開始しているので、プロジェクトで Reset.css の使用を開始することを考えました。私はReset.cssを使用するという概念を得ましたが、気になることの1つは、同じ要素に適用された他のスタイルに影響を与えることです..reset.cssのように、divには0のマージンと0のパディングがあります...そして私が適用する場合スタイルシートの一部の div にマージンを設定していますが、乱れませんか?

私のこの疑いを晴らしてください