《转载》CSS中的三种样式来源:创作人员、读者和用户代理
2014-12-20 11:50
309 查看
CSS中的样式一共有三种来源:创作人员、读者和用户代理,来源的不同会影响到样式的层叠方式,很多第一次学习CSS的朋友,对这三种来源可能会存在一些困惑,下面我写一下自己的理解,若有错误的地方还请指正。
首先,创作人员(author’s style)样式应该是我们最熟悉的,如果你是一个前端开发者,那么你写的那些样式就叫做创作人员样式。
然后是用户代理样式(agent’s style),用户代理也就是我们通常所说的浏览器(IE、Firefox等等),这些浏览器会提供一些默认的样式,比如IE浏览器中,一个纯粹由 html代码构成的网页里,我们会发现超链接会带有一个蓝色的前景色,这其实就用户代理样式,借用一些插件我们可以方便的查看这些默认样式(比如 Firefox中的Web developer)
最后,也是最容易被我们忽略的,读者样式(reader’s style)。所谓读者自然就是浏览网页的用户,有些时候这些用户里可能会有人不满意网页的配色,或者字体大小,这时候他们就是通过浏览器提供的接口为网站添加读者样式。
介绍完了来源,我们来说一下如何按权重和来源排序,根据《CSS权威指南》(第三版P79)中总结的权重排序:
创作人员的样式 > 读者人员的样式 > 用户代理的默认样式
标记为重要声明(!important)的读者样式 > 一切样式
有的朋友可能一开始不太明白第二条的意思,实际上这是CSS提供的一个很好的选择机制,也就是说,通常情况下,创作人员样式会拥有最大的权重,这也是作为开发人员最想要看到的,但是用户拥有最终的选择权,可以通过!important覆盖到任何想要覆盖的样式。
原文地址:http://www.rays2010.com/blog/?p=2894
首先,创作人员(author’s style)样式应该是我们最熟悉的,如果你是一个前端开发者,那么你写的那些样式就叫做创作人员样式。
然后是用户代理样式(agent’s style),用户代理也就是我们通常所说的浏览器(IE、Firefox等等),这些浏览器会提供一些默认的样式,比如IE浏览器中,一个纯粹由 html代码构成的网页里,我们会发现超链接会带有一个蓝色的前景色,这其实就用户代理样式,借用一些插件我们可以方便的查看这些默认样式(比如 Firefox中的Web developer)
最后,也是最容易被我们忽略的,读者样式(reader’s style)。所谓读者自然就是浏览网页的用户,有些时候这些用户里可能会有人不满意网页的配色,或者字体大小,这时候他们就是通过浏览器提供的接口为网站添加读者样式。
介绍完了来源,我们来说一下如何按权重和来源排序,根据《CSS权威指南》(第三版P79)中总结的权重排序:
创作人员的样式 > 读者人员的样式 > 用户代理的默认样式
标记为重要声明(!important)的读者样式 > 一切样式
有的朋友可能一开始不太明白第二条的意思,实际上这是CSS提供的一个很好的选择机制,也就是说,通常情况下,创作人员样式会拥有最大的权重,这也是作为开发人员最想要看到的,但是用户拥有最终的选择权,可以通过!important覆盖到任何想要覆盖的样式。
原文地址:http://www.rays2010.com/blog/?p=2894
相关文章推荐
- CSS中的三种样式来源:创作人员、读者和用户代理(转载)
- 转载:CSS的组成,三种样式(内联式,嵌入式,外部式),优先级
- css 权威指南笔记( 五)结构和层叠之三种样式来源
- CSS注释、命名、继承性、样式排序等CSS技巧的小结(转载)
- css三种样式!
- css知多少(3)——样式来源与层叠规则
- CSS(3)-样式来源与层叠规则
- 改变图标!用户自定义列表样式css说明(http://www.blogcup.com/read_dicky_5345.html)
- 关于三种主流WEB架构的思考 (转载来源:http://blog.csdn.net/haohappy2004)
- CSS的三种样式
- CSS的三种样式:内联式,嵌入式,外部式以及他们的优先级
- css知多少(3)——样式来源与层叠规则
- IT研发人员的三种意识【转载】
- html中css三种常见的样式选择器
- CSS控制样式的三种方式(优先级对比验证)
- css知多少(3)——样式来源与层叠规则
- 改变图标!用户自定义列表样式css说明
- html中css三种常见的样式选择器
- (转载)CSS分别设置Input样式(按input类型)
- css知多少(3)——样式来源与层叠规则