CSS速记与速记？

Question

哪个更好？使用速记如：

padding:5px 10px 15px 20px;

或者使用像这样的速记：

padding-top:5px;
padding-right:10px;
padding-bottom:15px;
padding-left:20px;

相关：

• 性能（浏览器性能、文件大小）
• 文档（开发人员易于维护）
• 及其他

Answer 1

• 您不必担心 CSS 性能，除非您已经分析了页面加载并且它已成为瓶颈（我怀疑它几乎总是多个 HTTP 请求和图像）。
• 任何有能力的开发人员都可以记住从上到下顺时针的值顺序。
• 简写意味着要发送的字节更少，CSS 缩小器不会自行优化（我不这么认为）。
• 如果设置一个值，我只会使用 long 方法，例如padding-left: 3px。