html中行内元素、块级元素、行内块级元素有哪些，以及它们之间的区别

html中行内元素、块级元素、行内块级元素有哪些，以及它们之间的区别

1. 行内元素：
   最常用的是span，其他还有a abbr b big br em i label

2. 块级元素
   比较有代表性的是div 其余有p h1 h2 h3 h4 h5 h6 table ul li ol header section aside footer dl dd dt form hr pre tbody tfoot th thead tr

行内块级元素：img input td

行内元素的特点
相邻的行内元素不换行，设置宽高无效，margin设置仅左右方向有效，上下无效。padding设置上右下左都有效。水平方向上padding-left、padding-right、margin-left、margin-right都都有边距效果，但是垂直方向上padding-top、padding-bottom、margin-top、margin-bottom都不会产生边距效果。
块级元素的特点
能够自动开启新的一行，能够设置宽高，margin和padding对上下左右四个方向都有效。
行内块级元素的特点
元素排列在一行，不会自动换行，可以设置宽高和高度以及外边距和内边距的所有样式。三者关系如下。

display:inline 转为行内元素
display：block 转为块级元素
display:inline-block转为行内块级元素

此处有代码解释：来自转载