块元素–常见元素div
1.独占一行
2.默认宽度是父元素的宽度(即撑满父元素)
3.默认高度由其内容撑开,所以无内容时候(若没有其它样式,height…)就消失了
行内元素–常见元素span
1.只占本身内容大小(设定width,height不会生效)
如果源代码两个span,换行排列(存在换行),而浏览器对其识别成一个空格出现两个元素水平排列,之间存在缝隙。
2.多个行内元素渲染呈现从左往右依次排列,无法容纳时自动换行
3.默认宽高都是由内容撑开(行内元素是无法设置宽高的,若无内容区就消失了)