行内元素,块级元素,行内块级元素之间的区别

区别

1.在众多行内元素中，最常使用的是span，另外行内元素还包括img、a、big、small、sub、sup、strong、u、button(属性默认为display：inline-block)

2.行内元素的特点：相邻的行内元素不换行，设置宽高无效，margin设置仅左右方向有效，上下无效，padding设置上右下左都有效。水平方向上padding-left，padding-right，margin-left，margin-right都有边距效果，但是垂直方向上padding-top、padding-bottom、margin-top、margin-bottom都不会产生边距效果。

3.块级元素最具有代表性的就是div，其余的有p、h1~h6、table、ul、li、ol、等等以及H5新增的属性header、section、aside、footer等等。

4.块级元素的特点，能够自动换行开启新的一行，能够设置宽高，margin和padding对上下左右四个方向设置均有效。

5.行内块级元素，元素排列在一行，不会自动换行，可设置宽度和高度以及外边距和内边距的所有样式。三者之间的相互转换如下：