CSS 속성에도 순서를 지켜주면 참 좋다.
되고 말고 CSS를 입력하는 사람들이 있는데…
협업을 할 때는 절대적으로 필요한 순서이며 대체적으로 이렇게 해주면 좋다는 것을 가지고 있다.

필자가 몇군데서 본 속성 순서를 공유하겠다.

여기서 보면 HTML, CSS속성 순서에 대해 설명이 잘되어있고,
CSS 속성에도 왜 그렇게 해야하는 이유가 있다.

CSS속성의 순서는 1.포지션관련, 2. 박스모델, 3.타이포그래피, 4.시각 효과로 안내를 하고 있다.
absolute, relative, static 등 관련 포지션이 먼저 자리를 잡고 그 후에 영역과을 그려주는 방식인 것이다.

CSS속성이 얼마나 많은데 다 외울 수는 없지만 위에 순서처럼 대표적인 4가지만 외우고 있다면 나중에 도움이 많이 된다.
모르는 속성만 그때 그때 찾아보고 그 전까지는 습관을 들이면 나중에는 손이 알아서 쳐질테니까..

그래서 CSS 속성 순서 공유를 하려고 한다.
링크를 타고 가면 테이블로 순서를 만들어 놓았다.

저것이 정답은 아니지만 순서를 지키면서 하는 것이 유지보수에도 도움이 된다고 판단하에 만들어진 것이 깊은 태클은 사양이다.