一、块级元素(block)
1.可以独占一行
2.可以设置width/height
3.默认width是父级元素宽度的100%
4.块级元素里可以放块级元素和行内元素
.tag
{
background-color: wheat;
width:100px;
height:100px;
}
二、行内元素(inline)
1.一行可以显示多个
2.width/height设置无效
3.width默认内容的宽度
4.行内元素只能放文字或者其他行内元素
.tag{
background-color:wheat ;
}
三、 行内块元素:(inline-block)
1.一行可以显示多个
2.默认宽度是内容的宽度
3.可设置width/height
.tag{
background-color: wheat;
width:100px;
height:100px;
}