外部参照附着和覆盖 如何加载外部CSS文件,并快速覆盖样式表CSS属性

?一般我们制作页面的时候,都会主CSS文件表单独分离出去,存成一个文件,然后通过相对路径引用到各个页面,引用方式如下

如果CSS文件和html文件在同一个目录,在index文件的<head></head>标签之间添加:<link href="你的CSS文件.css" rel="stylesheet" type="text/css" />

这样就可以成功的在该页面使用该CSS文件的所有样式表了。

这样是通用的html使用CSS的方式,方便维护,减少加载次数以及增加了页面性能。同时又产生了另外的问题,多个页面引用同一个样式表,会产生一些需求上的差异:就是一个样式表的同一个名称样式,一般无法满足多个页面的稍微有差异的需求。

?

这样我们就要使用样式表覆盖的方式。

CSS样式表的优先级如下:

内联样式表>页内样式表>外联样式表

所以我们可以选择内联样式表 或者页内样式表这样的方式快速覆盖CSS.

使用页内样式表方式如下:

假设我们在外联样式表有一个css样式名称叫style1,具体样式如下:

?.style1{color:#000,font-size:14px;line-height:30px}

但是我们当前引用页面的需求稍有差异,只需要line-height 为24px

通过页内样式表的覆盖方式,

1、在页面中加入<style type="text/css"></style>标签,然后写同名样式进行属性覆盖

<style type="text/css">

.style1{line-height:24px}

</style>

?

这样就可以当前页面就可以使用.style1样式,但是line-height为24px 的属性

?

2、页面中局部需要style1的 line-height 为24px,这样通过内联样式表方式覆盖:

<div> 这里的样式为color:为#000,font-size:为4px;line-height:为24px</div>

外部参照附着和覆盖 如何加载外部CSS文件,并快速覆盖样式表CSS属性

这样就完美的完成覆盖,方法十分快捷,而且不会产生太多的多余代码

?

  

爱华网本文地址 » http://www.413yy.cn/a/8104290103/231821.html

更多阅读

dota神谕者出装 DOTA神谕者如何出装 技能如何加点

DOTA神谕者如何出装 技能如何加点――简介DOTA神谕者,那些被选中的人们必须对命运的召唤作出回应,从孩提时代开始,他就担任 着神圣的神谕者的职责,为那些配得上知道自己命运的人指出前方的道路。DOTA神谕者如何出装 技能如何加点呢?下面

不详符文天赋 不详之刃符文天赋技能如何加点?

不详之刃符文天赋技能如何加点?――简介不详之刃是一个爆发力极高的中单法师,能瞬间打出成吨的伤害,持续输出也是不弱的,由于能刷新冷却技能时间,又不需要蓝的法师,是非常凶狠和灵活的中单法师。不详之刃符文天赋技能如何加点?――工具/原

dota流浪剑客出装 DOTA流浪剑客如何出装 技能如何加点

DOTA流浪剑客如何出装 技能如何加点――简介DOTA流浪剑客伟大的秩序之神的信徒,圣骑士Sven发誓要维护芸芸众生的权力。作为骑士和暗夜精灵的后代,Sven一出生就被放逐,从此在独处中冥想和训练自己。那么DOTA流浪剑客如何出装 技能如何加

天下3太虚加点 天下3太虚如何加点

天下3太虚如何加点――简介喜欢天下三的朋友,估计也会喜欢太虚这个职业,这是个让人欢喜让人愁的职业,对于如何加点,方法多多。。。天下3太虚如何加点――工具/原料一台可以联网的电脑,配置得说的过去天下三客户端、太虚账号天下3太虚

梦幻西游大唐官府加点 梦幻西游大唐官府如何加点

梦幻西游大唐官府如何加点――简介大唐是一个伤害比较高的一个门派,可以克制龙宫,其有六个技能:横扫千军(可以连续攻击敌人3次,使用后人物被动停止行动一回合),后发制人,反间计(能使敌人产生混乱,倒至攻击敌人自方一人,不可以对玩家使用),斩龙决(

声明:《外部参照附着和覆盖 如何加载外部CSS文件,并快速覆盖样式表CSS属性》为网友偏执成瘾分享!如侵犯到您的合法权益请联系我们删除