CSS简写vs手写?

时间:2011-05-11 05:26:55

标签: css performance

哪一个更好?使用速记如:

padding:5px 10px 15px 20px;

或使用像:

这样的长手
padding-top:5px;
padding-right:10px;
padding-bottom:15px;
padding-left:20px;

相关:

  • 性能(浏览器性能,文件大小)
  • 文档(开发人员易于维护)
  • 和其他人

1 个答案:

答案 0 :(得分:16)

  • 你不应该担心CSS性能,除非你已经分析了页面加载并且它已成为瓶颈(我怀疑,它几乎总是多个HTTP请求和图像)。
  • 任何有能力的开发人员都可以记住从顶部顺时针方向输入数值顺序。
  • 速记意味着要发送的字节越少,CSS minifier就不会优化自己(我不认为)。
  • 如果设置一个值,我只会使用long方法,例如padding-left: 3px