1. 수평, 중앙, One True 정렬 레이아웃1.1 수평 정렬 (Float 방식)`float: left;` 속성을 사용하여 요소들을 가로로 배치`float` 속성은 원래 텍스트를 감싸는 용도로 만들어졌기 때문에 레이아웃을 구성할 때 문제가 발생할 수 있음.자손에게 `float`속성을 지정하고, 부모의 `overflow` 속성에는 `hidden`키워드 적용`hidden` 지정하지 않는다면, 요소들이 떠다님. (빈 공간을 아래 요소가 채움).container { overflow: hidden;}.item { float: left; margin: 0 3px; padding: 10px; border: 1px solid black;} 1.2 중앙 정렬 (`margin: auto;`)..

1. 박스 속성1.1 박스 크기와 여백HTML 요소는 기본적으로 박스 모델을 따름박스의 크기는 `width`와 `height`로 정의전체너비=내용width+2×(margin+border+padding)전체높이=내용height+2×(margin+border+padding)div { width: 100px; height: 100px; background-color: red;} 1.2 여백 (Margin, Padding, Border) 속성  설명  예제 margin요소 바깥쪽 여백 (다른 요소와 거리 조정)`margin: 10px;`padding요소 안쪽 여백 (내용과 테두리 간격)`padding: 20px;`border요소의 테두리`border: 2px solid black;`div {..