盒子模型

• 设置内边距–单边写法

<style>
		div{
			width:100px;
			height:100px;
			border:1px solid red;
		}
		div.c1{
			padding-left:30px;
			padding-top:20px;
			padding-right:50px;
		}
	</style>

• 内边距–简单写法

<style>
		div{
			width:100px;
			height:100px;
			border:1px solid red;
		}
		div.c1{
			padding:20px 50px 0px 30px;
		}
	</style>

• 外边距–单边写法

<style>
		div{
			width:100px;
			height:100px;
			border:1px solid red;
		}
		div.c1{
			margin-left:50px;
			margin-top:50px;
			margin-bottom:50px;
		}
	</style>

• 外边距–简单写法

<style>
		div{
			width:100px;
			height:100px;
			border:1px solid red;
		}
		div.c1{
			margin:50px 0px 50px 50px;
		}
	</style>