CSS 선언 순서

레이아웃(배치)과 연관성이 많은 속성 순으로 선언하는 것이 좋다.

 

 

모질라 파이어폭스 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. taxt-align/vertical-align

12. white-space

13. other text

14. content

네이버 CSS 선언 순서

 

1. display, visibility(표시)

2. overflow(넘침)

3. float(흐름)

4. position(위치)

5. width/height(크기)

6. padding/margin(간격)

7. border(테두리)

8. background(배경)

9. color/font(글꼴)

10. animation

11. 기타

1~6 레이아웃  |  7~8 테두리/배경  |  9 글꼴  |  10 동작  |  11 기타  

출처: https://jsunnylab.tistory.com/32 [Jsunny Lab]