Box Model1 CSS : box model Box Model HTML의 요소들이 페이지에 배치될 때, 모든 요소는 각각 사각형 상자로 표현되는데요. 이를 CSS 박스 모델이라고 부릅니다. 한 번 개발자 도구를 열어 보겠습니다. 하단에 보면 겹겹이 싸여 있는 사각형이 있습니다. HTML의 모든 요소는 이렇게 박스 모델에 따라서 크기와 위치가 결정됩니다. (매우 중요) Box Model을 어디에 배치하느냐가 우리가 보여지는 web page의 결정적인 요소가 되기 때문입니다. CSS로 레이아웃을 잘 그리기 위한 첫걸음으로 박스 모델을 배워 보도록 하겠습니다. Box Model은 크게 , margin, border, padding, content로 구성되어 있습니다. CSS .first{ box-sizing: content-box; background:.. 2019. 12. 14. 이전 1 다음
