CSS布局教程

基于web标准的网站设计指南

« 在网页中应用csscss的特殊性 »

css的继承和层叠

这是一个高级的话题,但是对于一个优秀的标准网页设计师来说,是必须要面临的问题,它是网页布局的一个关键技术,也是一个很实用的技巧
继承:有人把xhtml文档比喻为一课枝繁叶茂的大树,从结构上来说html元素该是他的根了,文档中各种元素大概算是大树的枝叶,那绿的诱人的叶子就是显现在用户面前的网页内容,自然,css也带有数的本性,其中一个重要特征就是继承。
什么是继承,这是一个很好理解的概念,如果称为遗传就更形象了,它允许样式不仅仅可以作用于某个特定元素,而且还可以应用于它的后代元素,继承是非常重要的,实用它可以简化代码,降低css样式的复杂性,但是,如果在网页中所有元素都大量继承样式,那么判断样式的来源就会变得非常困难,所有建议读者,对于字体,文本类属性等设计到网页中通用属性可以使用继承,例如,网页显示字体,字号,颜色,行间距等可以在body元素中统一设置,然后通过继承影响文档中所有文本。
层叠是指css能够对同一个元素或者同一个网页应用多个样式或多个样式表的能力,可以、创建一个css样式来应用颜色,创建另一个样式来应用边框,然后将两个样式应用于同一个页面中的同一个元素,这样css就能够通过样式层叠设计出各种页面效果
但是样式的层叠性也会带来问题,例如,当同一属性的不同声明的样式作用于同一个对象时候如何选择,为此,css设计出一套计算方法,根据计算出来的加权值确定不同样式的重要性,并决定最终要呈现的效果。医用灭菌袋 灭菌袋封口机  硅橡胶印模材  齿科针
css给每个规则都分配一个重要度,其中作者定义的样式表示最重要的,然后是用户的样式表,最后才是浏览器的样式表,如果要提高重要度,可以使用important来强制提高它的重要性,使他优先于任何其他规则天津网站建设天津网站优化汽车玻璃商业策划招商钢板桩租赁天津废锡回收天津网站制作
然后,根据选择符的特殊性来决定规则的优先顺序,具有更特殊的选择符的规则优先于比较一般的选择符的规则,如果两个规则的特殊性相同,那么就会跟进在网页中的位置的先后顺序来规则优先性,一般是后面的样式优先于前面的相同声明的样式。为了明白这个逻辑,举一个例子:
假设,你所用的浏览器默认显示字体的样式是宋体,这是浏览器定义的样式,而你通过修改浏览器的设置来改变浏览器中的字体显示为楷体,由于你是用户,所以这也是用户定义的样式,现在,当你打开的网页中自带一个样式表文件,它定义的字体属性为幼圆,因为网页样式是由设计师定义的,所以这也是作者定义的样式,很明显,网页字体最终显示为幼圆,因为根据层叠规则,作者的样式具有最高的重要性,用户定义的样式次之,最后事浏览器的样式。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号