哪些CSS规则渲染速度更快？

Question

我想知道下面的CSS规则中哪一个渲染得更快：

#avriable_info table td {width: 250px; font-size: 13px;}

或

#avriable_info table td {
    width: 250px; 
    font-size: 13px;
}

Answer 1

任何一个都不会比另一个“更快”渲染，因为大多数解析器会在解析之前规范化文件。例如摆脱白色空间和新线条等。

现在，如果你有一个巨大的文件没有通过网络进行gzip压缩，那么第一个文件将下载更快到客户端，而第二个文件将允许浏览器开始渲染它在较大的，较慢的之前。

Answer 2

两者都不会产生明显的差异。 CSS中的几个换行符只是为了使渲染不超过一些CPU指令。

也许如果你有一百万行的CSS，你可能会注意到毫秒的差异，但是如果你进行了那么多优化（特别是在网页上！），你就会担心更严重的问题（而且它们不是代码相关！; - ））。

Answer 3

区别在于两个换行符。通过解析文件消除了这种差异，并且与CSS的解析时间相比是不可察觉的。