• Facebook
  • Twitter
  • RSS
月別
コツコツあつめるWeb作りのためのたね たねっぱ!Web系情報ブログ Webのお役立ちネタ配信中!

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

投稿者アイコン
2013/01/30
書いた人:
yukappa!(INO)
カテゴリ:
Web制作
タグ
8,796 views

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

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

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

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

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

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

mozilla.org Base Stylesについての記事

CSSstylesheet.jp

http://css.microrza.com/csstips/css_order/

CSS2 Specificationについての記事

hail2u.net

http://hail2u.net/blog/webdesign/css2-property-order.html

VERSIONFIVE

http://versionfive.jp/2007/04/order_of_css_properties/

両方+「Web標準の教科書―XHTMLとCSSでつくる”正しい”Webサイト」をミックスしたもの

かたつむりくんのWWW

http://www.tinybeans.net/blog/2008/02/post-12.html

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

ボックスモデル+視覚モデル

文字や背景の装飾

テーブルや音声等

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

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


この記事を読んだ人はこんな記事も読んでいます