2013-07-23 24 views
1

我想知道一個類中的順序是否重要,以及這是否會影響網站的速度。 我知道樣式表中的類的順序很重要,但類的屬性又是如何重要呢?一個類中屬性的順序有多重要

在類中的屬性順序是否正確或不正確?如果是這樣,那麼這個命令的共同規則是什麼?

當然還有更多的屬性,但我想這應該給我一般使用的順序的想法。有什麼我應該/可以改善一下:

  1. 定位
  2. 造型
  3. 字體
  4. 半徑

CSS

.example_class { 

float: l/r; 
position: rel/absl; 
margin: 0 0 0 0; 
padding:0 0 0 0; 
width: xy px; 
height: xy px; 
background: image/color; 
font-family: font-name; 
font-size: xy px; 
color: #xyz/#abcdef/red; 
radius: 0 0 0 0; 
} 
+0

'margin:0 0 0 0'可寫爲'margin:0'。 'padding'也一樣 – Sourabh

回答

3

屬性的選擇中的順序並不在所有問題,除了事實上,你可以重寫選擇一些瀏覽器無法讀取:

background: #FFF; /* will be used by browsers that can't understand: */ 
background: linear-gradient(...); 

除此之外,它是一個品味的問題 - - 你可以按字母順序排列,也可以按照「組」排序,或者按照你的喜好排序。

1

沒有屬性的順序在CSS中優先選擇,除非你想覆蓋一般屬性與更多瀏覽器相關。