[8주차] 10. 속성, 요소의 안쪽, 바깥쪽 공백을 위한 padding, margin

* 둘의 사용 용도 헷갈릴 때 연상법 : 패딩은 몸안에 따뜻한 공기를 채움, 마진은 바깥으로 유통해서 마진을 남겨야 함.

padding 적용 예시

margin 적용 예시

안쪽여백 조절 : 바깥의 테두리와 요소안에 위치한 텍스트 사이의 공백을 조절한다. 

padding

padding-left

padding-right

padding-top

padding-bottom

 

바깥쪽 여백 조절

margin : 1개 입력시 x4개, 2개 입력시 x2개(이중 1개를 auto 입력시 auto에 해당하는건 중앙에 오도록 조정됨) 

margin-left

margin-right

margin-top

margin-bottom