在“CSS the definitive guide”一书中,第3章是关于“ The Cascade ”,本书说:
有三个来源:作者,读者和用户代理。正常情况下 在这种情况下,作者的风格赢得了读者的风格。 !重要读者的风格比任何其他风格都强, 包括!重要的作者风格。作者和读者的风格 覆盖用户代理的默认样式。
我有两个问题要问:
在CSS中,作者的风格,读者的风格和代理商的风格是什么?我真的对这三个概念感到困惑。
根据书中的上述词语,作者的风格似乎更强而不是读者的风格,但为什么使用{{ 1}}指标,读者的风格 更强比作者的风格?我对此感到困惑。
还有另一个术语:作者,用户和用户代理样式
答案 0 :(得分:26)
用户代理是您正在查看网站的应用程序(通常是浏览器,例如Chrome或Firefox)。用户代理具有默认样式表。您可以使用Chrome的开发人员工具功能等工具检查其属性。
“读者”是浏览您网站的网络冲浪者。您网站的访问者可以选择设置自己的样式表或自定义规则(例如系统颜色或字体首选项)。他们可能出于个人喜好,或者因为他们有可访问性要求而这样做。
作者的样式表是在网站本身的HTML中明确链接的样式表。即,这是你创建的那个。
通常,有充分理由,作者样式表优先于用户代理和阅读器样式表。但是,读者可以选择设置作者无法覆盖的样式。这也是有充分理由的,因为有视觉障碍或其他可访问性问题的人需要在所有页面上设置某些样式。
答案 1 :(得分:3)
“用户代理的样式”是“内置于”浏览器(=用户代理)的默认样式表,如果没有其他内容定义,则使用它。
“作者的风格”是网站中包含的样式表(由该网站的作者提供)
“阅读器样式”是用户(=读者)定义的样式表。用户可以定义应该覆盖用户代理默认样式的样式,还可以定义作者样式。
这就是你的第二个问题所在:通常读者样式表中的样式只会覆盖浏览器的默认样式(用户代理的样式),但是通过使用!important
标志,它也可以覆盖网站定义的样式。这通常用于可访问性:例如,视力不好的人可以定义更大的字体大小或更好的对比色。
但是,覆盖字体大小和/或颜色是许多浏览器的常见内置功能,因此用户无需使用用户的样式表。因此,大多数浏览器都具有此功能,但它并不是众所周知,并且通常不包含在用户界面中。例如,Firefox在用户的配置文件目录中使用名为userContent.css
的文件。
IE实际上是少数几个在其GUI中具有此功能的浏览器之一:选项,常规,辅助功能(我不太确定确切的名称,因为我没有英文IE)。
答案 2 :(得分:0)
用户代理是您正在查看网站的应用程序(通常是浏览器,例如Chrome或Firefox)。用户代理具有默认样式表。您可以使用Chrome的开发者工具功能等工具检查其属性。
"读者"是浏览您网站的网络冲浪者。您网站的访问者可以选择设置自己的样式表或自定义规则(例如系统颜色或字体首选项)。他们可能出于个人喜好,或者因为他们有可访问性要求而这样做。
作者的样式表是在网站本身的HTML中明确链接的样式表。即,它是你创建的那个。