浏览器的 HTML 元素默认 CSS:综合指南
浏览器将默认 CSS 属性分配给 HTML 元素,这有时会导致意外或不良行为。了解这些默认样式对于控制和自定义网页的外观至关重要。
在哪里可以找到浏览器默认 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 (三叉戟)(旧版本):https://web.archive.org/web/20170122223926/http://www.iecss.com/
保留基本默认属性
虽然 CSS 重置可以消除默认样式,但它们也可能会删除所需的属性。要保留特定特征,请考虑使用部分重置解决方案,例如 HTML5 Boilerplate 或 normalize.css:
-
HTML5 Boilerplate: 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中文网其他相关文章!