layout

해당 내용은 부트스트랩 Web 코스 강의를 듣고 정리한 것입니다. 엘리먼트가 배치되는 방식 엘리먼트를 화면에 배치하는 것을 layout 작업이라고도 하고, Rendering 과정이라고도 합니다. 편의상 우리는 배치라고 할 겁니다. 기본 엘리먼트는 위에서 아래로 배치되는 것이 기본입니다. 하지만 웹사이트의 배치는 다양하게 표현 가능해야 하므로, 이를 다양한 방식으로 배치할 수 있도록 다양한 속성을 활용합니다. 중요하게 이해해야 할 속성은 다음과 같습니다. display(block, inline, inline-block) position(static, absolute, relative, fixed) float(left, right) 이 속성을 중심으로 엘리먼트의 배치를 이해할 겁니다. 엘리먼트가 배치되는 방..

해당 내용은 부트스트랩 Web 코스 강의를 듣고 정리한 것입니다. 학습 목표 layout의 방식에 대해서 이해합니다. 엘리먼트는 html tag들을 말한다. 엘리먼트를 화면에 배치하는것을 레이아웃 작업이라고 한다. (=렌더링 과정) CSS display 속성에 값이 block, inline, inline-block (좌에서 우로 흐른다.) float는 기본 엘리먼트 배치에서 벗어나서 떠있는 느낌으로 * 블록으로 쌓이는 엘리먼트(display:block) block1 block2 block3 =위에서 아래로 쌓이게 된다. * inline 속성은 오른쪽으로 흐르게 한다. 옆으로 흐르는 엘리먼트. 꽉차면 오른쪽 아래로 찾아서 들어간다. * 좀 다르게 배치시키기(position 속성) 특별한 배치를 하기 위해 ..