<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;*/ /*隐藏元素*/