Box model : div 태그와 레이아웃 만들기
웹페이지를 코딩할 때 가장 먼저 해야할일은, 아무래도 레이아웃 만들기가 아닐까?(아님말구..) 전체적으로 레이아웃이 어떻게 들어가는지, 대충 어떤 태그로 하면 되겠다 하면서 설계한 내용을 코드로 옮기는 것이 초기 단계의 작업이 아닌가 한다. 여기서 중요한 개념이 들어가는데 바로 CSS Box Model로 웹 문서 내용을 박스 형태로 정의하는 것을 말한다. 예를 들면 헤더, 컨텐츠, 푸터를 기본 구조로 보았을 때 헤더가 상단 박스, 컨텐츠가 컨텐츠박스, 푸터가 하단박스가 되겠다. 이 때 블록레벨요소냐, 인라인레벨요소냐에 따라서 어떻게 나열되는 지 달라진다. 블록레벨요소의 박스모델이라면 밑으로 쭉 나열이 될 것이고, 인라인레벨이라면 옆으로 나열이 된다. 여기서 인라인 레벨은 , 등이 있고 블록레벨은 , , ..
공부는끝이없다/HTML5&CSS
2020. 7. 20. 16:17
