CSS樣式順序的標準？

是否有CSS樣式元素的順序分組順序的標準或最佳做法？我知道這不是主要問題，但我想確保我總是生成可讀代碼，特別是對於具有多種樣式的元素。CSS樣式順序的標準？

舉個例子：

#element { 
    font-family: Arial; 
    font-size: 8pt; 
    color: #666666; 
    border: 1px solid #ccc; 
    position: relative; 
    top: 5px; 
    left: 5px; 
}

#element組的文本樣式的順序，那麼邊界，則位置的樣式。是否有一個css類型層次結構的標準，在這個順序上放置某種類型的優先級或重要性？例如，你應該按照以下順序分組：位置，文本樣式，邊框？

來源

2011-11-04 Eric Di Bari

關於「優先級或重要性」：同一塊中的不同順序如何影響任何內容？如在，如何可以'顏色'比'邊界'更具優先權？只有你有兩次列出相同的屬性才重要。個人喜好。 –

坦率地說，它歸結爲個人喜好，但這裏是我的約定：看起來像他們的相互關係

集團的事情。然後，使用空格分隔每個「組」。我在每個區塊後都打了「enter」。對於其他樣式，比如「top」，「left」等，我將它們全部放在一行中，在它們的主要風格之後（如「位置」）。我也傾向於將CSS3屬性作爲任何給定塊中的最後一個樣式。

有時，當我心情愉快時，我也傾向於寬鬆地按字母排列屬性（按塊）。但是，再一次，這只是偏好。我做什麼

例子：

#element { 
    color:black;   
    font-family:Arial; 
    font-size:1.2em; 
    font-weight:bold; 
    text-transform:capitalize; 
    text-shadow:0 1px 1px black; 

    background-color:white; 
    border-bottom:1px dotted gray; 
    box-shadow:1px 1px 2px black; 

    position:fixed; 
    top:0; right:0; 

    height:30px; 
    width:245px; 
}

只是我的兩個便士！

來源

2011-11-04 22:43:47 Titus

不同的人有不同的意見，我寧願它按字母順序排序。

然後，CSS本身可以被重新分解，以分離出結構CSS頁面和UI元素特定頁面。

結構CSS是控制頁面結構的CSS。

來源

2011-11-04 22:42:25 r0ast3d

好問題，不確定是否有標準，但我的首選方法是。

#element { 
    layout, 
    positioning, 
    text style 
    appearance 
}

例如

#element { 
    display: block; 
    width: 15px; 
    height: 15px; 
    float: left; 
    position: relative; 
    font-size: 12px; 
    line-height: 16px; 
    text-decoration: none; 
    color: #333; 
    text-indent: -9999px; 
    white-space: nowrap; 
    background: #fff; 
    border: 1px solid #ccc; 
    border-radius: 3px; 
}

來源

2011-11-04 22:45:32 Marko

像所有風格的編碼，它不是那麼重要。 做什麼事情是一致的。如果你在一個團隊工作，你應該都同意最適合你的東西，而不是找到一個被認爲是你需要適應的最好的習慣......這真是浪費時間。同樣，如果您正在開發將要繼承的項目，請遵守相同的約定，但是最好適合您。

來源

2011-11-04 22:52:38

CSS樣式順序的標準？

回答

相關問題