내용 (요소, Content)

패딩 (Padding)

테두리 (Border)

마진 (Margin)

http://www.tcpschool.com/lectures/img_css_boxmodel.png

<h1> 은 화면 전체를 사용하는 태그 (block level element tag) <a> 는 자신의 영역만큼 사용하는 태그 (inline element tag)

<style>
	<!--block level element(tag) 화면 전체를 쓰는 태그-->
	h1 {
		border-width: 5px;
		border-color: red;
		border-style: solid;
	}

	<!--inline element(tag) 자신의 영역만큼 쓰는 태그-->
	a {
		border-width: 5px;
		border-color: red;
		border-style: solid;
	}
</style>
<style>
	h1 {
		border-width: 5px;
		border-color: red;
		border-style: solid;
			display: inline;   <!--h1의 기본영역을 inline으로 좁힘-->
	}

	a {
		border-width: 5px;
		border-color: red;
		border-style: solid;
		display: block;   <!--a의 기본영역을 화면 전체로 늘림-->
	}
</style>
display: block;
display: inline;
display: none;