Сокращение CSS против рук?

Question

Какой лучше? Использование стенографии, как:

padding:5px 10px 15px 20px; 

Или используя обыкновенное письмо как:

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

по теме:

• производительность (производительность браузера, размер файла)
• документации (легкое обслуживание застройщиком)
• и другие

Answer 1

• Вам не стоит беспокоиться о производительности CSS, если вы не профилировали загрузку страницы, и она стала узким местом (я сомневаюсь, что это почти всегда несколько HTTP-запросов и изображений).
• Любой компетентный разработчик может помнить по часовой стрелке сверху для порядка значений.
• Сокращение означает меньше байтов, которые будут отправлены, что мини-фильтр CSS не оптимизирует себя (я не думаю).
• Я использовал бы длинный метод только при установке одного значения, например. padding-left: 3px.