块级元素和行内（内联）元素的区别

块级元素的特点：
1、“比较霸道”，一个人要独占一行
2、“比较好说话”，高度、行高、外边距、内边距都可以控制
3、宽度默认是容器的100%；
4、可以容纳块级元素和内联元素


行内元素的特征

1、可以和相邻行内元素并排在一行；
2、“不好说话” 宽度和高度对它无效，水平方向的margin和padding对它有用，垂直方向无效
3、默认的宽度就是它本身内容的宽度；
4、“只跟同种族亲”只能容纳文本和其他内联元素

常见的块级元素：div form  ul li h1 table p(特别的文本元素是块级元素) 等

常见内联元素：e i span  input  img等

*注意：可是为什么我们给img、input等设置宽高就有用呢？
      答：对元素来说，它们有区分替换元素和非替换元素，非替换元素一般指的是块级元素，
      它们一般把内容直接告诉浏览器然后显示出来，而替换元素一般是指内联元素，对于这些特殊的
      替换元素，浏览器解释它们有点像inline-block,它们遵循着标准盒子模型