cssプロパティの記述順序

cssのプロパティ順序を決めておくと、ソースが綺麗になり、
修正箇所がすぐに見つけられるようになります。
運用の際に楽になりますし、重複した指定をしてしまうなどのミスも減りますよね。
基準としてよく使われるのは、Mozillaの順序ですね

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

▽Mozillaのcss
http://www.mozilla.org/css/base/content.css
大切なのはルールを守ることだと思いますので、必ずしもこれというわけではありません。
考えられた順序だとは思いますので、参考にしていただけたらと思います。

タイトルとURLをコピーしました