Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。

懐かしいものを発掘したので、メモっておきます。

• mozilla.org Markup Reference
• 日本語訳

Mozilla.orgにおけるマークアップ参考資料。複数のデザイナーやプログラマーと一緒に作業するときに不可欠なもの。今見てもなかなかに新鮮味があります。更にMozilla.orgのCSSには、属性の記述順についてもガイドラインが置かれています。

1. /* Suggested order:
2.  * display
3.  * list-style
4.  * position
5.  * float
6.  * clear
7.  * width
8.  * height
9.  * margin
10.  * padding
11.  * border
12.  * background
13.  * color
14.  * font
15.  * text-decoration
16.  * text-align
17.  * vertical-align
18.  * white-space
19.  * other text
20.  * content
21.  *
22.  */

「ボックスモデル関連 → フォント関連 → その他」てな流れ。
ここまで厳密にではないですが、俺が書くときもこんな感じかな。

特にボックスモデル関係は「float」と「width」のようにセットで記述するべきものが多いですし、「width」と「margin/padding/border」はダイレクトに影響しあうプロパティなので、先頭に寄せておくと楽なんですよね。見るのも、書くのも。