我希望这个问题不要太奇怪和武断。当我使用 Firebug 查看一些 CSS 时,我注意到每个标签的 CSS 属性都是按字母顺序排列的。
它是想告诉我们什么吗?
除了能够更快地找到所需属性的明显好处之外,我想知道:如果属性在原始样式表中按字母顺序排列,浏览器应用属性是否会更快?
比如说是这个...
body {
background: #222;
color: #DDD;
font-size: 0.85em;
}
#content {
background: #444;
padding: 1em;
}
p {
border-bottom: 0.9em;
line-height: 1.2em;
text-align: justify;
}
...比这个更好...?
body {
font-size: 0.85em;
background: #222;
color: #DDD;
}
#content {
padding: 1em;
background: #444;
}
p {
text-align: justify;
line-height: 1.2em;
border-bottom: 0.9em;
}
可以有效地测试吗?
这显然会在整个样式表中复制,因此浏览器会从按顺序执行操作中受益吗?如果是这样,是否值得重新访问过去的样式表来重新排序?
- 编辑 -
好的,对我的问题稍作修改:如果每个标签的属性始终保持相同的顺序怎么办?对于每个标签,背景总是在边框之前,总是在颜色之前等等(我知道我错过了一些!)。按字母顺序排列会帮助您保持事物有序,而不是最佳方法。
看起来压倒性的共识是这并不重要,然而!
按字母顺序对样式排序绝对不会带来速度上的好处。
如果您想要真正的速度优势,您应该缩小 CSS。
有很多程序可以做到这一点,但这是其中之一:CSSTidy。该程序还可以选择将您的样式按字母顺序排列(如果您希望这样做)your益处)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)