更改css级别,让同一html显示不同的效果
博客专区 > ziluopao 的博客 > 博客详情
更改css级别,让同一html显示不同的效果
ziluopao 发表于1年前
更改css级别,让同一html显示不同的效果
  • 发表于 1年前
  • 阅读 46
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

有时我们在不同的页面要调用同一个html代码块,但这些页面有时的宽度是不同的,比如有的是960px,或1000px,或1020px等,当然要有前提,对于不同的前提解决办法也是不一样的。

比如a,b,c三个页面调用nav.html这个代码块。

如果nav.html是基本960px来做的,b和c调用后,就要改此宽度及nav.html里面许多标签的宽度,这样才能匹配页面比例。假如nav.html的基本样式写在分离的外部样式表css表中,那么我们可以把此样式写在调用页面中,即内部样式表<style></style>,不过有时,这种办法也不行,为啥?因为<style></style>这种写法已在nav.html中写过了,此时就要用js来搞,把此样式写成行间样式,比竟js最后加载的权重是最大的。

不过用js写的行间样式不推荐,因为还要加载js,影响页面打开速度!

共有 人打赏支持
粉丝 11
博文 51
码字总数 99998
×
ziluopao
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: