两者的概念
块级元素的概念是：一个元素占据一行，在块级元素中可以容纳其他块级元素和行级元素，当多个元素写在一起时，它的排列方式是从上到下排列
行级元素的概念是：多个元素占据一行，当该行放不下时从新的一行开始排列，一般是从左向右排。
常见的行内元素和块级元素
块级元素：div、p、nav、aside、header、footer、section、article、ul、li、address，form、h1~h6、hr、menu、ol、table等
行级元素一般都是语义元素：a、abbr、i、em、img、input、label、small、strong、sub、sup、textarea等
两者区别
块级元素，具有height、width、padding、margin等属性均对其有效
行级元素，不能够设置height和width，可以自动识别左右padding-left、padding-right，和margin-left、margin-right但是行级元素对于padding-top、padding-bottom、margin-top、margin-bottom是无效的。但是有时当你可能会发现对于行级元素设置了这些无效的属性后，也会出现行内元素的内容增大了，这个其实是一种表象，对于其他周围元素毫无影响
