01 박스 모델 박스 모델 구조 - 컨텐츠를 감싸는 3가지의 축 margin과 padding의 차이 - margin -> border -> padding 순서로 여백을 만든다. margin과 padding을 작성하는 방법 - margin-left, margin-right 등 직접 값을 지정해도 되지만 위 코드처럼 한 줄에 작성이 가능하다. - {margin : top right bottom left;} 순서로 값이 적용된다. 02 Block 요소와 Inline 요소 - block 요소 : Y축을 기준으로 요소들이 생성된다. - inline 요소 : X축을 기준으로 요소들이 생성된다. Block 요소의 특징 03 margin 병합 현상 형제지간의 마진 병합 - 다음과 같이 top과 bottom일 경우에 둘..
