<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;*/ /*隐藏元素*/
时间: 2024-11-07 13:25:09