盒子自带属性

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

posted @ 2017-07-13 12:20  鱼樱前端  阅读(177)  评论(0编辑  收藏  举报