cssの書く順序

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さんは女性の方らしいですね!
私もてっきり名前から男性だと思っていました。

関連記事

  • No Related Posts

コメント/トラックバック

トラックバック用URL:

この記事のコメント・トラックバックRSS

コメントする

管理人にのみ公開されます

このページのトップへ戻る