相關的屬性聲明應當歸為一組，并按照下面的順序排列： 1. Positioning 2. Box model 3. Typographic 4. Visual 由于定位（positioning）可以從正常的文檔流中移除元素，并且還能覆蓋盒模型（box model）相關的樣式，因此排在首位。盒模型排在第二位，因為它決定了組件的尺寸和位置。 其他屬性只是影響組件的*內部（inside）*或者是不影響前兩組屬性，因此排在后面。 完整的屬性列表及其排列順序請參考?[Recess](http://twitter.github.com/recess)。 ~~~ .declaration-order { /* Positioning */ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; /* Box-model */ display: block; float: right; width: 100px; height: 100px; /* Typography */ font: normal 13px "Helvetica Neue", sans-serif; line-height: 1.5; color: #333; text-align: center; /* Visual */ background-color: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 3px; /* Misc */ opacity: 1; } ~~~