我希望看到各种浏览器的默认样式表中使用的特定样式元素。浏览器是否有我在系统上找到并读取的实际基于文件的样式表?如果是这样,那些文件的默认位置是什么?如果没有,我可以在哪里找到这些信息?
答案 0 :(得分:14)
答案 1 :(得分:7)
在Firefox上,查找res / html.css以及同一目录中的其他CSS文件。
或者只在Firefox中打开resource://gre-resources/forms.css
。
答案 2 :(得分:4)
soypunk已经mentioned用于WebKit的UA样式表。
Gecko的UA样式表(standards mode)由ua.css,forms.css和html.css组成。 (有关怪癖模式,另请参阅quirk.css。)
Opera没有UA样式表作为.css文件。 (之前提到的user.css不是UA样式表。它是用户样式表。)
答案 3 :(得分:1)
在浏览器中检查html元素,然后在右下角找到css规则。 您将找到用户代理样式或浏览器样式(在Firefox中名为html.css)。 复制文件位置,然后在选项卡中打开-即可。
位置默认样式表
Firefox-resource://gre-resources/html.css
Chrome-https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css
您可以找到其他人。
答案 4 :(得分:0)
有些人做不到。 (在略有不同的主题上)我建议使用重置样式表。
答案 5 :(得分:0)
在Safari中,Web Inspector将向您显示任何元素的CSS级联,包括被覆盖的属性,一直返回到默认CSS。不幸的是,它不会显示该默认CSS的文件名,但它会显示重置的属性。希望这有点帮助。
答案 6 :(得分:0)
在Mozilla Firefox中输入此链接到地址栏:jar:file:///Applications/Firefox.app/Contents/Resources/omni.ja!/chrome/toolkit/res/
在这里,您可以找到Firefox的所有默认样式。计数器,表格,全屏,通用HTML,数学,数字,纯文本,怪癖,ua和viewsource都有单独的样式表。
有关用户代理样式表的更完整列表,see here。
答案 7 :(得分:-1)
这可能与您问题的核心相关,但如果我猜对您想要此信息的原因,您可能需要查看browsershots.org。
Browsershots在不同的浏览器中制作您的网页设计截图。
换句话说,您可以在许多不同的浏览器,浏览器版本和平台中查看您的网站的外观。
答案 8 :(得分:-2)
默认样式表通常不可用。我建议您使用“重置样式”部分启动自己的样式表,或者在首先加载的样式表中包含重置样式。例如
<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)在这里提供经过测试并广泛使用的重置样式表:http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
答案 9 :(得分:-2)
在Opera中,在OSX上,文件位于/Applications/Opera.app/Contents/Resources/Styles/user.css