레이아웃을 구성하는 CSS박스모델
레이아웃을 구성하는 CSS박스모델 1. CSS와 박스 모델 CSS와 박스 모델 →웹 문서의 내용을 박스 형태로 정의하는 것 웹 문서에서 내용을 배치할 때 각 요소를 박스 형태로 구성한다. 이것을 ‘CSS 박스 모델’ 이라 하는데, 박스 모델은 콘텐츠 영역, 테두리, 여백으로 구성된다. 블록 레벨 요소 Vs 인라인 레벨 요소 → 블록 레벨 요소는 태그를 삽입했을 때 혼자 한줄을 차지하는 것을 가리키는 반면, 인라인 요소는 한줄을 차지하지 않는다. 인라인 레벨 요소는 딱 콘텐츠 만큼만 영역을 차지 한다. 블록 레벨 요소 만드는 태그 ex) , , 등 인라인 레벨 요소 만드는 태그 ex) , , 실습하기) 박스 모델의 기본구성 →박스 모델은 콘텐츠 영역, 여백(padding), 테두리(border), 여백인 ..
