padding: 해당 요소의 경계(border)과 내용물 간의 간격
margin: 해당 요소의 경계(border)과 다른 요소 간의 간격
위 그림에서 2단박스와 3단박스의 간격은 margin : 10px + margin : 10px 이므로 20px 이된다.
책, 블로그 내용을 그대로 재정리하는 것은 가장 효율적인 시간 낭비 방법이다. 벨로그에 글을 쓸때는 직접 문제를 해결한 과정을 스크린샷을 이용해 정리하거나, 개념을 정리할때는 최소2,3개소스에서 이해한 지식을 정리한다.