CSS速记vs速记？

一尘不染

CSS速记vs速记？

css

哪一个更好？使用如下速记：

padding:5px 10px 15px 20px;

或像这样长手：

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

相关：

性能（浏览器性能，文件大小）
文档（开发人员易于维护）
和别的

阅读 310

收藏

2020-05-16

共1个答案

一尘不染

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

2020-05-16