margin, padding (외부여백과 내부여백)

• margin - 요소의 외부 공간을 지정하는 단축속성 
   * 음수 ( - ) 값을 지정할 수 있음
   * 단축속성 : 각각의 방향을 한번에 제어해 주는 속성
                     값의 갯수에 따라 적용값이 달라짐 (기본적으로 위~ 시계방향)
                     개수 : 1(전체), 2(위아래, 좌우), 3(위, 좌우, 아래), 4(위, 우, 아래, 좌)
      0 : 여백없음
      auto : 가운데정렬
      단위 : px, em 등 지정

    margin-top / bottom / right / left : 각각 지정 가능

 

• padding - 요소의 내부 공간을 지정하는 단축속성, 요소의 크기가 커짐
      0 : 여백없음
      단위 : px, em 등 지정
      % : 부모요소의 가로너비에 대한 비율로 지정

F12 (개발자 도구)에서 확인 가능