CSS简写vs手写?

bun*_*ito 17 css performance

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

padding:5px 10px 15px 20px;
Run Code Online (Sandbox Code Playgroud)

或者使用像:

padding-top:5px;
padding-right:10px;
padding-bottom:15px;
padding-left:20px;
Run Code Online (Sandbox Code Playgroud)

相关:

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

ale*_*lex 17

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

  • 我没有看到jsFiddle中速记与长手的特殊性.事实上,看起来它的特异性没有区别,[无论哪个最低总是胜利](http://jsfiddle.net/kfxbm/1/). (3认同)