html의 요소는 box로 둘러쌓여 있으며 가장 내부의 contents에 실제로 작성하는 내용이 들어간다. padding,border,margin순으로 감싸고 있다. 1.border hi 2. padding 추가 hi 3. margin 추가 hi box의 크기 hi width와 height를 주더라도 border,padding,margin의 값이 추가 된다. 컨텐츠 기준으로 작성한 box의 총 사이즈를 결정하려면 box-sizing옵션을 사용하면된다. hi hi