CSS 기초 강좌 - 7강. CSS Box Model(박스모델)이란?
출처 : http://www.w3schools.com/css/css_boxmodel.asp 모든 HTML 요소는 박스로 생각하면 됩니다. CSS에서디자인과 레이아웃 얘기를 할 때, 용어 '박스 모델"이 사용됩니다. 박스 모델은 우리가 다른 요소와 관련 요소와 공간 요소 주위에 테두리를 삽입하실 수 있습니다.아래의 이미지는 상자 모델을 보여줍니다 Width(너비)와 Height(높이)는 어떻게 정해질까? width:250px; padding:10px; border:5px solid gray; margin:10px; 이렇게 CSS가 되어있다고 생각해보면, 너비는 아래와 같이 됩니다. 250px (너비) + 20px (왼쪽, 오른쪽 패딩) + 10px (왼쪽, 오른쪽 테두리) + 20px (왼쪽, 오른쪽 여백..
2012. 1. 7. 21:24