スタイルシート、きれいにしてますか？CSS記述の順序についての記事まとめ

2013/01/30

スタイルシートの記述順序について、あまり意識しないで書いていたらぐちゃぐちゃに… なんてことありませんか？今日はスタイルシートをスッキリ見せるための参考になる記事をご紹介します！

スタイルシートを記述する際、順番がぐちゃぐちゃになってわからなくなってしまう…なんてことありませんか？

たとえば大きなプロジェクトで複数人でCSSを編集するとき、他の人に作業を移行するときにも
記述がばらばらのCSSを使うのは、わかりにくい上にちょっと恥ずかしいですよね(*・.・*)

それを解消するため、「mozilla.org Base Styles」や「CSS2 Specification」などで書き方を提案してくれています。

今回は上記のスタイルの書き方について、わかりやすく紹介して下さっている記事を探してみました。

CSSstylesheet.jp

使用頻度や分かりやすさが考慮されていて、

ボックスモデル＋視覚モデル
↓
文字や背景の装飾
↓
テーブルや音声等

という順序に分けられているようです。

誰にでもわかりやすく、項目ごとに分かれたスッキリ見やすいスタイルシートを書くことで
自分もわかりやすく、人にも伝えやすいお仕事ができると思います！