面试总结:块级元素与行内元素

块级元素：一般都是从新行开始，它可以容纳行内元素和其他块级元素。常见的块级元素有div和p。

行内元素：一般都是语义级别的基本元素，内联元素只能容纳文本或者其他内联元素

块元素和内联元素的基本差异是块元素一般都是从新行开始的。而当加了css控制以后，块元素可以变为内联元素，内联元素也可以变为块元素

块级元素与行内元素的区别：

1.块级元素独占一行，其宽度自动填满父元素的宽度。块元素可以设置其width，height，margin，padding

2.行内元素不会独占一行，相邻的行内元素会排到同一行，一直到一行排不下才会换行。其宽度随内容的变化而变化。不能设置width，height。但是能设置padding-left和padding-right。