以下哪些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的解析时间相比是不可忽略的。

Answer 3

两者都不会有明显的差异。你的CSS中的几条换行符可以让渲染的CPU指令数不超过几个。

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