单行与多行CSS格式

Question

虽然这是有争议的，但我听说大多数CSS开发人员更喜欢多行，因为在CSS文件中可以轻松找到属性。但这不会使CSS文件更大，整体上可读性更低吗？我认为单行可以让你更快地扫描CSS文件。有什么想法吗？

Answer 1

根据您的团队决定的内容，这都是一个偏好问题。但是，这是我对使用单行格式的原因：

当我需要维护CSS时，我经常想要修改现有的选择器。如果每一行的开头都是一个新的选择器，而不仅仅是更多的样式声明，那么就可以更容易地扫描我想要找到的选择器的文档。它还意味着更少的滚动来找到我需要的东西。

一旦我找到了我需要编辑的选择器，良好的语法突出显示可以轻松阅读特定选择器的规则，因此我不会因为将所有样式声明放在一行而失去任何可读性。

话虽如此，我不会说它对文件大小有帮助。我依靠YUI Compressor自动压缩我的CSS，而不是试图手动维护一个有效声明的样式文档。

Answer 2

IMO多行CSS更好，因为它更具可读性。但我建议你遵循你的团队的标准，不要浪费你的时间辩论:)

如果你担心CSS文件大小，那么你应该minify / compress。

此外，如果您有时间，可以花一些时间使用Official W3C CSS Test Suites验证您的CSS。

Answer 3

这是个人风格的问题 - 确保您选择的一致性。我个人倾向于将每个属性放在自己的行上以便于阅读。

Answer 4

在开发时使用您觉得容易的任何风格。

您可以使用CSS缩小器来减少部署时文件的大小。你可以找到很多CSS缩小器，它们有助于减小文件大小。

YUI compressor 是一个不错的选择。

Answer 5

就像JavaScript代码一样，您可能希望以符合团队标准的方式格式化CSS，并让压缩器缩小它以进行部署。