34

I would like to see the specific style elements that are used in the default stylesheet for the various browsers. Do the browsers have an actual file based stylesheetss that I locate on my system and read? If so, what are the default locations of those files? If not, where I can find this information?

4

10 回答 10

18
于 2008-10-18T15:40:11.560 回答
8

在 Firefox 上,在同一目录中查找 res/html.css 和其他 CSS 文件。

或者只是resource://gre-resources/forms.css在 Firefox 中打开。

于 2008-10-18T03:32:34.620 回答
5

检查浏览器中的 html 元素并在右下角找到 css 规则。您将找到用户代理样式或浏览器样式(在 Firefox 中命名为 html.css)。复制文件位置并在选项卡中打开它 - 你去。

位置默认样式表

火狐 - 资源://gre-resources/html.css
铬 - https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css

你可以为别人找。

于 2018-07-10T12:12:30.513 回答
4

soypunk 已经提到了 WebKit 的 UA 样式表。

Gecko 的 UA 样式表(在标准模式下)由ua.cssforms.csshtml.css 组成。(另见quirk.css以了解 quirks 模式。)

Opera 没有 .css 文件形式的 UA 样式表。(前面提到的user.css不是UA样式表,是用户样式表。)

于 2009-01-01T21:06:41.193 回答
1

在 Mozilla Firefox 中,将此链接输入到地址字段: jar:file:///Applications/Firefox.app/Contents/Resources/omni.ja!/chrome/toolkit/res/

在这里,您将找到 Firefox 的所有默认样式。计数器、表单、全屏、通用 html、数学、数字、纯文本、怪癖、ua 和视图源有单独的样式表。


有关用户代理样式表的更完整列表,请参见此处

于 2015-02-26T21:15:55.693 回答
0

Some do some don't. (on a slightly different subject) I would recommend using a reset stylesheet.

http://developer.yahoo.com/yui/reset/

于 2008-10-18T02:04:52.237 回答
0

In Safari, the Web Inspector will show you the CSS cascade for any element, including properties that were overridden, all the way back to the default CSS. Unfortunately, it won't show you the filename for that default CSS, but it will show you what properties were reset. Hopefully that helps a bit.

于 2008-10-18T02:32:39.450 回答
-1

这可能与您问题的核心无关,但如果我猜对了您为什么需要此信息,您可能需要查看browsershots.org

Browsershots 可以在不同的浏览器中截取您的网页设计。

换句话说,您可以在许多不同的浏览器、浏览器版本和平台上看到您的网站的外观。

于 2008-10-18T03:58:46.220 回答
-2

The default stylesheet is generally not available. I recommend starting your own stylesheet with a "reset styles" part, or including reset styles in a style sheet you load first. Eg.

<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/reset.css"></link>
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/general.css"></link>

Eric Meyer ("the" Eric, just google Eric) offers a battle tested and widely used reset style sheet here: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

于 2008-10-18T09:23:54.970 回答
-2

在 Opera 中,在 OSX 上,文件位于/Applications/Opera.app/Contents/Resources/Styles/user.css

于 2008-10-18T18:50:04.280 回答