cssの書く順序 はてなブックマーク - cssの書く順序

5月

22

2008

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

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

トラックバック用URL:

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

コメントする

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

月別アーカイブ

フィードアイテム

  • この日記のはてなブックマーク数
  • 人気ブログランキング - Go Sign
  • track feed
  • スカウター : Go Sign
  • Add to netvibes
  • My Profile by iddy
  • あわせて読みたいブログパーツ

Go Signストア

シューズ店もオープンしました!!

オススメサーバー

オススメバナー

WebMoney ぷちカンパ

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