<style type="text/css">
		*{ /*重置盒子的自带属性值*/
			margin: 0;
			padding: 0;
		}
			h1,p{
				background: yellow;
			}
			span,i{ /*盒子属性失效  对行标签*/
				background: red;
				height: 100px;
				width: 100px;
				display: block; /*行元素转换成块元素*/
			}
		</style>
/*注意:浮动过后行元素可以设置宽高了
				 注意:margin值不合并了
				/*display: block;*/  /*块元素 占一整行  块元素的默认width:100%*/
				display: inline-block; /*行内块元素  元素不占满一整行 且可以设置宽高*/
				/*display: inline;*/ /*行元素 宽度随内容变化 且不占满一整行*/
				/*display: none;*/ /*隐藏元素*/
原文:http://www.cnblogs.com/lhl66/p/7159794.html