2011-05-11 29 views
15

哪一個更好?使用簡寫,如:CSS速記vs longhand?

padding:5px 10px 15px 20px; 

或者用手寫,如:

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

相關:

  • 性能(瀏覽器性能,文件大小)
  • 文檔(維修由開發商容易)
  • 和其他

回答

16
  • 除非您已對頁面加載進行概要分析並且已成爲瓶頸(我懷疑它幾乎總是多個HTTP請求和圖像),否則不應該擔心CSS性能。
  • 任何有能力的開發人員都可以從頂部順時針記錄值的順序。
  • 簡寫意味着要發送的字節更少,而CSS縮小器本身並未優化(我不認爲)。
  • 我只使用長方法,如果設置一個值,例如padding-left: 3px
+0

想象一下,慢慢地做所有的CSS ...噩夢! – 2011-05-11 05:33:52

+2

長手特異性+1。 – 2011-05-11 23:08:51

+3

我在jsFiddle中看不到速記與速記的特異性。事實上,它看起來在特異性上沒有什麼區別,[無論哪一個最低總是獲勝](http://jsfiddle.net/kfxbm/1/)。 – brentonstrine 2012-10-17 18:22:18