Tốc ký CSS so với dài tay?

Question

Cái nào tốt hơn? Sử dụng viết tắt như:

padding:5px 10px 15px 20px; 

Hoặc sử dụng longhand như:

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

Liên quan đến:

• hiệu suất (hiệu suất trình duyệt, filesize)
• tài liệu (dễ dàng bảo trì bởi nhà phát triển)
• và những người khác

Answer 1

• Bạn không nên lo lắng về hiệu suất CSS trừ khi bạn đã tải trang tải xuống và nó đã trở thành nút cổ chai (tôi nghi ngờ, hầu như luôn có nhiều yêu cầu và hình ảnh HTTP).
• Bất kỳ nhà phát triển có thẩm quyền nào cũng có thể nhớ theo chiều kim đồng hồ từ đầu cho thứ tự giá trị.
• Viết tắt có nghĩa là sẽ gửi ít byte hơn, mà trình chỉnh sửa CSS không tối ưu hóa chính nó (tôi không nghĩ).
• Tôi chỉ sử dụng phương pháp dài nếu đặt một giá trị, ví dụ: padding-left: 3px.