[08-3] 여백을 조절하는 속성 *margin도 박스와 마찬가지로 top-right-bottom-left로 속성 지정 가능 1. margin 속성 px, em, % auto 2. margin 속성값으로 웹 문서 가운데 정렬하기 margin: 20px auto; (위아래 마진 20px, 좌우 마진은 자동계산) margin: 0 auto; (위아래 마진 0, 좌우 마진은 자동계산) 3. 마진 중첩 -요소를 세로로 배치할 경우, 위아래 마진이 겹쳐지면 큰 마진값으로 합쳐짐 -오른쪽/왼쪽 마진이 만날 경우에는 중첩되지 않음 4. padding 속성 [08-4] 웹 문서의 레이아웃 만들기 1. display 속성 -블록레벨 요소 -> 인라인 레벨 요소로 전환하는 것 -목적: 수평(가로) 네비게이션 만들기 위해 ..
[08-1] CSS와 박스 모델 1. 블록 레벨 요소 & 인라인 레벨 요소 블록 레벨 요소: , , 인라인 레벨 요소: , , 2. 콘텐츠의 width, height , , % auto (기본값) 3. box-sizing : 박스 모델의 크기를 계산 border-box 테두리까지 포함해서 너빗값을 지정 (테두리까지 포함해서 200px이므로, 실제 콘텐츠 영역의 너비는 140px (∵양쪽 패딩값, 테두리값 제외) content-box (기본값) 콘텐츠 영역만 너빗값 지정 4. box-shadow .box1 { box-shadow: 2px(수평) -2px(수직) 5px(흐림 정도. 값이 커질수록 흐려짐) 0px(번짐 정도); [08-2] 테두리 스타일 지정하기 1. box 모델의 방향: top - right..
