모질라 파이어폭스 CSS style guide

CSS 속성은 보통 편한대로 적을 수 있다. 하지만 여러 사람이 같이 작업하는 경우 작성해 둔 CSS 를 보면 속성을 찾느라 시간이 소모되곤 한다. 이런 점을 보완하기 위해 모질라에서 제안한 CSS 작성 순서가 있어 메모하려 한다.

display --객체의 노출여부/표현방식--
list-style
position --위치/좌표--
float
clear
width / height --크기/여백--
padding / margin
border / background --윤곽/배경--
color / font --글자/정렬--
text-decoration
text-align / vertical-align
white-space
other text
content --내용--

위치 선정 > 윤곽 > 외곽 디테일링 > 채색 > 타이포그래피 와 같이 밖에서부터 안쪽으로의 흐름이다.