위코드 파운데이션 과정을 들으며 정리한 내용입니다.
css 속성의 작성 순서는 동작이나 성능향상에 영향을 주지 않지만, 유지보수를 고려해 연관관계를 파악하기 쉽게 작성하는 게 좋습니다. 레이아웃에 영향을 많이 주는 순서대로, 인접 속성끼리 묶어서 작성합니다.
권장하는 속성 순서는 아래와 같습니다.
Layout Properties - position float clear display
Box Model Properties - width height margin padding
Visual Properties - color background border box-shadow
Typography Properties - font-size font-family text-align text-transform
Misc Properties - cursor overflow z-index
Today I Learned