html - 浏览器对 HTML 元素的默认 CSS

Question

我在哪里可以找到浏览器的 HTML 元素默认 CSS？

许多 HTML 元素带有一些默认的 CSS 属性，这些属性有时会导致未知/不需要的行为。例如输入框在不同的浏览器中显示不同。我正在寻找一个涵盖新的 CSS3 属性和新的 HTML5 元素的地方。

我在其他(更老的)问题(例如 Browsers' default CSS stylesheets )中看到建议 CSS 重置解决方案的答案。这个解决方案有时并不需要，通常我实际上想保留一些基本属性(例如 Chrome 中输入框的突出显示)。换句话说:我不想仅仅因为我不知道它们的作用而摆脱它们。

那么，是否有一个网站可以为我提供所有这些信息(或者可能是大部分信息)？

Answer 1

每个浏览器都不一样，所以:

• Firefox(壁虎): https://dxr.mozilla.org/mozilla-central/source/layout/style/res/html.css .或者，浏览到 resource://gre-resources/ 并查看 html.css。
• Safari(WebKit): https://github.com/WebKit/WebKit/blob/main/Source/WebCore/css/html.css
• Chrome(闪烁): https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css
• Internet Explorer (Trident)，旧版本:http://web.archive.org/web/20170122223926/http://www.iecss.com/

您还可以查看 HTML5 Boilerplate stylesheet ，它“规范化了很多东西的显示，而不是传统意义上的重置”。它还修复了很多错误/不一致。

也值得一看:https://github.com/necolas/normalize.css/blob/master/normalize.css