사실 예제 3-1에서 이 부분은 설명을 생략하였지요. 그 설명이 목적은 아니고 구조화한 영역을 CSS3 를 이용하면 여러 가지 모양으로 출력할 수 있다는 것을 보이는 것이 목적이었습니다. 4장의 CSS3 전체를 공부해야 그 의미를 잘 이해할 수 있습니다. margin, padding, height 등은 4장의 5절 박스 모델에서 설명합니다. 이 지면 상에서 간단히 설명하기 어려우니,4장 5절을 참고하세요.
그리고 아래의 CSS3 스타일 시트는 브라우저의 화면을 아래 위로 꽉채워 HTML 문서의 <body> 부분에 의해 출력하겠다는 것을 지정하는 것입니다. html, body { margin: 0; padding: 0; height: 100%;}
구조화한 영역을 CSS3 를 이용하면 여러 가지 모양으로 출력할 수 있다는 것을 보이는 것이 목적이었습니다.
4장의 CSS3 전체를 공부해야 그 의미를 잘 이해할 수 있습니다.
margin, padding, height 등은 4장의 5절 박스 모델에서 설명합니다.
이 지면 상에서 간단히 설명하기 어려우니,4장 5절을 참고하세요.
그리고 아래의 CSS3 스타일 시트는 브라우저의 화면을 아래 위로 꽉채워 HTML 문서의 <body> 부분에 의해 출력하겠다는 것을 지정하는 것입니다.
html, body { margin: 0; padding: 0; height: 100%;}