CSS와 박스 모델 (1) 썸네일형 리스트형 [Do it! HTML+CSS+자바스크립트]레이아웃을 구성하는 CSS 박스 모델 22.12.18 배운 내용 정리 레이아웃을 구성하는 CSS 박스 모델 (CSS와 박스 모델, 테두리 스타일 지정, 여백을 조절하는 속성, 웹 문서의 레이아웃, 웹 요소의 위치) CSS와 박스 모델 ① 블록 레벨 요소와 인라인 레벨 요소 박스 모델은 블록 레벨 요소인지 인라인 레벨 요소인지에 따라 나열 방법이 달라짐. 블록 레벨 요소란 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것을 가리킴. 한 줄을 차지한다는 것은 해당 요소의 너비가 100%라는 뜻임. 따라서 블록 레벨 요소의 왼쪽이나 오른쪽에 다른 요소가 올 수 없음. 블록 레벨 요소를 만드는 대표적인 태그로 , , 등이 있음. 반면에 인라인 레벨 요소는 한 줄을 차지하지 않음. 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 .. 이전 1 다음
