[css] padding, margin 작성 순서

요즘은 css 작업을 주로하지는 않아서, 가장 많이 사용하는 기능 중에 하나인데 작성 순서가 가끔 헷갈려서 기록한다.

 

작성 순서 원칙은 12시부터 시계방향이다.

중첩할 때는 12시-6시, 3시-9시로 된다. 12시, 3시-9시로 했으면 당연히 그 다음은 6시겠지.

 

1. margin / padding ?

2. margin / padding의 사용법

0. 방향마다 다를 때는 margin-top: 1rem, padding-bottom : 1rem, 같은 형태로 작성.

1. 다 다를 때 시계방향으로 작성  (margin/padding: 상, 우, 하, 좌)

2. 상하 좌우 같을 때 (margin/padding: [상=하] , [좌=우])

3. 좌우는 같고 상하가 다를 때 (margin/padding: 상 , [좌=우] , 하)

 

출처

https://singa-korean.tistory.com/57