品易云推流 关闭
文章 > css教程 > CSS自定义属性如何修改

CSS自定义属性如何修改

头像

小妮浅浅

2021-04-21 17:26:39507浏览 · 0收藏 · 0评论

1、说明

CSS定制属性又称CSS变量,是一个非常成熟的特性。

2、修改方法

(1)当使用CSS变量时,我们总要注意定义变量的范围,如果改变它,会影响到很多子代,从而产生大量的样式重新计算。

(2)使用calc()与CSS变量相结合是一种很好的方法,它可以获得更多的灵活性,限制我们需要定义的变量。测试calc()和CSS变量在不同浏览器中的结合,没有发现任何重大的性能问题。但是有些浏览器对某些单位的支持还是有限的,比如deg或者ms,所以我们必须记住这一点。

(3)如果比较JavaScript中通过内部风格设置变量和setProperty方法的性能标志,浏览器之间会有明显的差异。在Safari中,通过内部风格设置属性的速度非常快,而在Firefox中速度非常慢,所以使用setProperty设置变量是首选。

以上就是CSS自定义属性的修改,希望对大家有所帮助。更多编程基础知识学习:python学习网

关注公众号

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图 底部广告图按钮