Mozilla.orgのマークアップ・リファレンス

/web/html-css

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

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

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」はダイレクトに影響しあうプロパティなので、先頭に寄せておくと楽なんですよね。見るのも、書くのも。

Note: スパム対策が面倒なので、コメント投稿を廃止しました。以前のコメントは残します。
ご意見・ご要望はtwitter@sigwygかはてブコメントにて。