TIL_CSS property 순서

css 속성을 적용 할 때 선언 순서가 규칙처럼 우선순위가 있는 것은 아니지만,

기업 협업을 진행하면서 참고 사항으로 알게 된 웹브라우저 제조사인 모질라(Mozilla) 에서 css 속성을 기술할 때 다음 과 같은 순서로 제안하고 있다는 걸 알게 되었다.

1. display -객체의 노출여부/표현방식--
2. list-style
3. position -위치/좌표--
4. float
5. clear
6. width / height -크기/여백--
7. padding / margin
8. border / background -윤곽/배경--
9. color / font -글자/정렬--
10. text-decoration
11. text-align / vertical-align
12. white-space
13. other text
14. content -내용--

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

참고

https://milooy.wordpress.com/2015/08/21/css-property-순서에-맞추어-깔끔히-적기/

https://www.beautifulcss.com/archives/203