cssの書く順序

投稿日：

05.22.2008

カテゴリー：

Web制作

コメント・トラックバック：

0件

cssの書く順序を統一したい場合は、Mozilla.orgが設定している順序がおすすめです。

■Mozilla.orgが設定している順序
http://www.mozilla.org/css/base/content.css

/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide – http://mozilla.org/contribute/writing/markup )
*/
/* Suggested order:
* display
* list-style
* position
* float
* clear
* width
* height
* margin
* padding
* border
* background
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
*
*/

2008.05.24追記
Mozilla.orgのリニューアルデザインを担当した、fantasaiさんに
「なぜこの順序なのか、その理由が知りたい」と直接メールで問い合わせた人のブログを見つけました！
JAM LOG : CSSのコーディングスタイルを考える (2)

(訳)　ちょっと任意の順になっている部分もありますが、関連するプロパティを並べるようにしました。それから大まかに

1. ボックスモデル
2. フォント関連
3. その他細かいもの

という流れになるように書いています。ポイントは、「矛盾の無い順序にする」ということでした。

という返事が来たらしいです。
fantasaiさんは女性の方らしいですね！
私もてっきり名前から男性だと思っていました。