Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS属性的顺序是否影响渲染时间?_Css_Performance_Dom_Rendering_Cssom - Fatal编程技术网

CSS属性的顺序是否影响渲染时间?

CSS属性的顺序是否影响渲染时间?,css,performance,dom,rendering,cssom,Css,Performance,Dom,Rendering,Cssom,我想这是一个很简单的问题。假设我编写了以下CSS: .card{ width: 200px, height: 500px } 现在我用Chrome浏览器打开页面,查看“计算”选项卡,同时我选择了.card并按字母顺序排列。浏览器是否会在每次加载页面时执行此操作,或者此排序仅在打开“计算”选项卡时发生。此外,如果每次加载页面时都会进行排序(即Chrome在执行之前对CSS进行排序),那么通过在CSS文件中对属性进行排序来节省Chrome的额外工作,是否有可能获得一点性能提升 我意识到我已经选择了

我想这是一个很简单的问题。假设我编写了以下CSS:

.card{ width: 200px, height: 500px }
现在我用Chrome浏览器打开页面,查看“计算”选项卡,同时我选择了.card并按字母顺序排列。浏览器是否会在每次加载页面时执行此操作,或者此排序仅在打开“计算”选项卡时发生。此外,如果每次加载页面时都会进行排序(即Chrome在执行之前对CSS进行排序),那么通过在CSS文件中对属性进行排序来节省Chrome的额外工作,是否有可能获得一点性能提升

我意识到我已经选择了Chrome浏览器,但其他浏览器的工作原理类似


谢谢

简单地说…“不”不是。每个元素都已经有了这些样式属性,其中大多数元素最初设置为
0
auto
。将其视为一个大结构,其中每个属性都有自己的位置。现在,执行此样式表将首先更改.card的width属性,然后更改height属性,就是这样。它不会将属性添加到列表的末尾。的可能重复