inline-block (1) 썸네일형 리스트형 <CSS> 레이아웃 (1) - 박스 모델 - CSS 레이아웃 웹 문서의 구성은 기본적으로 박스를 기준으로 되어있다. 즉, 박스 모델이다. CSS 레이아웃은 이 박스 모델에 기초하고 있다. 박스 모델은 아래 두 가지의 요소에 따라 나열 방법이 달라진다. 1) 블록 레벨(block-level) 요소 블록 레벨 요소란, 박스들이 가로로 각각 한 줄씩을 차지하는 요소들을 말한다. 따라서 세로로 길게 한 줄로 늘어서게 되며, 각 줄의 요소 옆에는 다른 박스가 올 수 없다. *블록 레벨 태그 - , ~, , , , , , , , , 2) 인라인 레벨(inline-level) 요소 인라인 레벨 요소란, 블록 레벨 요소와 달리 한 줄에 여러 박스들이 위치할 수 있는 형태의 요소를 말한다. 보다 쉬운 이해를 위해 의인화를 해보자면, 블록 모델 요소들은 욕심이 .. 이전 1 다음