08 레이아웃을 위한 스타일

08-1 CSS와 박스 모델

• 블록 레벨 요소와 인라인 레벨 요소
• 박스 모델(box model) - 박스 형태의 콘텐츠
• width, height 속성 - 콘텐츠 영역의 크기
• display 속성 - 화면 배치 방법 결정하기

08-2 테두리 관련 속성들

• border-style 속성 - 테두리 스타일 지정하기
• border-width 속성 - 테두리 두께 지정하기
• border-color 속성 - 테두리 색상 지정하기
• border 속성 - 테두리 스타일 묶어 지정하기
• border-radius 속성 - 박스 모서리 둥글게 만들기
• box-shadow 속성 - 선택한 요소에 그림자 효과 내기

08-3 여백을 조절하는 속성들

• margin 속성 - 요소 주변 여백 설정하기
• padding 속성 - 콘텐츠 영역과 테두리 사이 여백 설정하기