问题描述
对于初学者，当我们做项目的时候，总会有一种困惑，对于一些标签总是搞不清楚，不知道什么位置用什么标签，或者不清楚行内元素（内联元素）和块元素（块状元素）以及行内块元素（内联块状元素）到底有什么区别。接下来就详细的总结一下。
一、行内元素
常见的有span,a,b,strong,i,em,br, sub ,sup ,u ,label ,font
本身属性为display：inline
和其他行内元素从左到右在一行显示,不可以直接控制宽度、高度等其他相关css属性，但是可以直接设置内外边距的左右值
宽高是由本身内容大小决定的(文字、图片等)
只能容纳文本或者其他行内元素，不能嵌套块级元素
二、块级元素
常见的块级元素有
div,h1-h6,hr,menu,ol,ul,li,dl,table,p,from
本身属性为display：block
独占一行，每一个块级元素都会从新的一行重新开始，从上到下排布可以直接控制宽度、高度等其他相关css属性，例如(padding系列,margin系列)
在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度
在不设置高度的情况下，块级元素的高度是它本身内容的高度
三、行内块元素
常见的有img,input,textarea
本身属性为display：inline-block
内联块状元素综合了前两种的特性却又各有取舍。
不自动换行
能够识别width和height , line-height , padding , marign
默认排列方式为从左到右
本篇博客是自己学习笔记的整理，仅供学习交流，切勿用于商业用途，如有侵权，请联系博主删除，博主QQ：1105810790