ブラウザの HTML 要素用のデフォルト CSS: 総合ガイド
ブラウザは HTML 要素にデフォルトの CSS プロパティを割り当てますが、これにより予期しない動作や望ましくない動作が発生する場合があります。これらのデフォルト スタイルを理解することは、Web ページの外観を制御およびカスタマイズするために非常に重要です。
ブラウザのデフォルト CSS の場所
HTML 要素のデフォルト CSS はブラウザによって異なります。それらを見つけることができる場所は次のとおりです:
-
Firefox (Gecko): https://dxr.mozilla.org/mozilla-central/source/layout/style/ res/html.css
-
Safari (WebKit): https://github.com/WebKit/WebKit/blob/main/Source/WebCore/css/html.css
-
Chrome (点滅): https://github.com/chromium/chromium/blob/main/third_party/blink/renderer/core/html/resources/html.css
-
Internet Explorer (Trident) (古いもの)バージョン): https://web.archive.org/web/20170122223926/http://www.iecss.com/
重要なデフォルト プロパティの保持
CSS をリセットするとデフォルト スタイルを削除できます、望ましいプロパティも削除される可能性があります。特定の特性を保持するには、HTML5 ボイラープレートや Normalize.css:
-
HTML5 ボイラープレート: https://github.com/h5bp/html5-boilerplate のような部分リセット ソリューションの使用を検討してください。
-
Normalize.css: https://github.com/necolas/normalize.css/blob/master/normalize.css
これらのツールは、Chrome での入力ボックスの強調表示などの重要な機能を維持しながら、表示プロパティを選択的に正規化します。
追加リソース
-
ブラウザ開発者ツール: ほとんどのブラウザーには、デフォルト スタイルを検査および変更できる開発者ツールが含まれています。
-
CSS 特異性計算ツール: CSS セレクターの特異性を計算し、デフォルト スタイルをオーバーライドする方法を理解します。
-
使用できますか: HTML 要素と CSS プロパティに対するブラウザのサポートを確認してください。デフォルトのスタイル。
以上がブラウザのデフォルト CSS スタイルとは何ですか?また、それらを管理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。