行内元素、块状元素和可变元素的区别

1.块状元素

1）自占一行

2）可以设置宽和高，宽高与父元素同样

3）可以设置margin和padding值

4）多个块状元素写在一起。默认会从上至下排列

2.行内元素

1）不会独占一行，多个元素会排列在同i行，直到排满一行才会换行

2）不可以设置宽和高，高度与它的内容同宽

3）它的margin值和padding 值上下是无效的

3.可变元素

1)不自动换行

2)能够识别宽高

3)默认排列方式为从左到右